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DOCUMENT MARKUP LANGUAGE AND SYSTEM AND METHOD FOR 
GENERATING AND DISPLAY ING DOCUMENTS THEREIN 



5 Field of the Invention 

The present invention is related to the generation and processing of documents in a 
markup language. 

B^ckgroung of th^ Iny^ption 

10 Markup languages, such as the standard generalized markup language (SGML), and 

variants thereof, have been used previously in electronic publishing. One advantage of a 
markup language, rather than a particular data file format, is that a markup language defines 
elements which describe the structure of a document. In such a docimient, markup language 
elements include tags and their content, such as text, graphics, pointers to other documentary 

15 or other media. Tags may include start tags, end tags, or empty tags. A start tag begins a 
markup element. An end tag ends the corresponding markup element. These start and end 
tags generally define the boundaries of an element. An empty tag is understood as being both 
a start and an end tag with no content. These tags and their content are interpreted when the 
document is rendered to display the content of the document according to a desired format. 

20 One form of markup language is the hypertext markup language (HTML) which is commonly 
used in a client-server system to distribute electronic documents. These documents are 
typically transferred using the hypertext transfer protocol (HTTP) over the Internet or other 
computer network using the TCP/IP protocol. Other markup languages include the virtual 
reality modeling language (VRML) and HyTime, among other markup languages. Markup 

25 languages generally have been used to define the structure of electronic documents. When 
graphics are used within these documents, they are imported into such documents by using a 
tag, such as the "<IMG>" tag in HTML. This tag uses a reference to a data file in some 
graphic file format to import the image data. Additionally, such markup languages typically 
have a mechanism to provide a hypertext link from a location in one document to a location 

30 in another document. 

While markup languages have many useful features, they also have some 
limitations. For example, in HTML, each element can have a hypertext link to only one other 
element or file. Similarly, in HTML, graphics require an image file already to be created. 
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The entire image is displayed. HTML browsers generally do not allow selective viewing of 
only a portion of an image or otherwise allow a browser to "zoom" in and out on an image. 

Further, these HTML documents contain static content, and when updated, need to 
be reloaded from a server. In addition, updated HTML documents need to be created 
5 manually and deposited in server directories, creating additional work for a document 
administrator. 

Summary of the Invention 

The present invention uses a markup language that defines elements which improve 
10 the ability of users to view more complex documents, particularly graphical documents, such 
as those based on data generated by computer-aided design, computer-aided software 
engineering, or other data modeling tools. Further, one embodiment of the present invention 
allows a display of an electronic document to dynamically change in response to user input. 
Accordingly, one aspect of the present invention is an electronically published 
15 document containing descriptive markup defining several tags. These tags define elements 
which are interpreted to define a diagram containing a plurality of layers. Each layer contains 
several graphical objects. An object may have associated with it a menu of actions or 
hypertext links. 

Another aspect of the invention is a computer system or computer-implemented 
20 process which processes such an electronically published document and generates on a 

computer display the diagram defined by the descriptive markup. Elements of the electronic 
document are instantiated as objects which may be responsive to user input. These objects 
may be graphics objects which respond to events received from the user through the computer 
system. The different layers of the document may be displayed selectively. Also, the view of 
25 the diagram may change using a zoom function, or it may be refreshed, i.e., redisplayed, or 
the electronically published document may be reloaded and reprocessed. One or more objects 
may be selected. Selection of objects may invoke a display of a menu of selectable actions 
which are associated with that object. These actions may include one or more hypertext 
links. 

30 Another aspect of the invention is a computer system for generating and displaying 

electronically published documents having a plurality of markup elements, the computer 
system comprising a display configured to display an input electronic dociunent to a user and 
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a processor which processes the mput electronic document and generates a first image on the 
display of the computer system on the basis of the plurality of markup elements, wherein the 
processor is responsive to an ii^ut of the user to generate a second image of the input 
electronic document. based on the user input 

5 In another aspect of the invention, the processor instantiates a first object 

corresponding to at least one of the plurality of markup elements* In another aspect at least 
one of the plurality of markup elements is a graphics element. In another aspect of the 
invention the processor instantiates an object corresponding to the graphics element 
Another aspect of the invention is a computer system wherein the processor 

10 instantiates a parser object configured to parse the input electronic document. In another 
aspect of the invention is a computer system wherein the processor instantiates a second 
object having a defined relation to the first object and is adapted to change a representation of 
the second object when a representation of the first object is changed. In another aspect of 
the invention, the processor instantiates a view handler object that responds to user input 

15 In another aspect of the invention the processor instantiates a parser object 

configured to parse the input electronic document and wherein the processor instantiates a 
diagram object based on the plurality of markup elements. In yet another aspect of the 
invention, wherein the diagram object includes a plurality of shape objects which represent 
graphic markup elements. In another aspect of the invention, the diagram object includes a 

20 plxirality of layers with which are associated each of the plurality of shape objects. 

In another aspect of the invention is a computer system according wherein the 
processor is adapted to a display one or more of the plurality of layers. 

In yet another aspect of the invention, selection of a graphics object by a user 
invokes a menu of selectable actions. 

25 In another aspect of the invention is a computer system wherein one or more of the 

selectable actions have an associated link to another input electronic document In another 
aspect of the invention, the first object is responsive to the user input and wherein the 
processor generates an updated display of the first object based on the user input. 

Another aspect of the invention is a computer system wherein the first object is 

30 associated with a graphics element, and is responsive to a fimction and wherein the fimction 
provides the updated display is different than an original display of the first object. Another 
aspect of the invention is computer system wherein the processor instantiates a second 
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gr^hics object having a defined relation to the first graphics object and is adapted to change 
a representation of the second graphics object when the original display is updated. 

Accordingly, another aspect of the present invention is an electronically published 
document comprising a computer readable medium with computer logic stored thereon and 
5 defining descriptive markup defiiung several tags, wherein each tag defines an element, 

wherein an element is interpreted to define a diagram containing a plurality of layers, wherein 
each layer contains several graphical objects, and wherein each object may have associated 
therewith a menu of actions or hypertext links. 

Another aspect of the invention is a computer system or computer-implemented 
10 process which processes such an electronically published document and generates on a 

computer display the diagram defined by the descriptive markup, wherein the different layers 
of the document are displayed selectively. 

Accordingly, another aspect of the invention is a computer-readable mediimi having 
computer-readable logic stored therein defining a data structure for representing an electronic 
1 5 document, the data structure comprising means defining the electronic document as a 

plxu-ality of markup elements defining a first one of the plurality of markup elements wherein 
the one includes an attribute expressing an inheritance relation to a second element that is at a 
same hierarchical level as the first one. 

Another aspect of the invention is a computer-readable medium wherein the one of 
20 the plurality of markup elements may be instantiated as an object by a computer process. 

Another aspect of the invention is a computer-readable medium wherein the one of 
the plurality of markup elements is a graphics element. 

Another aspect of the invention is a computer-readable medium the data structure 
further comprising means for defining a menu having selections associated with the one, 
25 wherein each element has an associated link. 

Another aspect of the invention is a computer-readable medium wherein the first and 
second elements are graphical elements, and wherein an interpreted display of the first 
element depends on attributes of the second object 

Another aspect of the invention is an object-oriented computer system for generating 
30 and displaying an electronic docxunent including a plurality of markup language elements, the 
system comprising of a parser object class wherein an instance of the parser object class 
comprises a method adapted to parse the electronic document, a diagram object class wherein 
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an instance of the diagram object class is generated by the parser object class and comprises a 

plurality of shape objects representing graphic elements and a view handler object class 

wherein an instance of the view handler object class comprises a method for manipulating the 

diagram object used by the parser object class to generate an updated diagram object. 
5 Another aspect of the invention is an object-oriented system wherein a first instance 

of the shape object class has a defined relation to a second instance of the shape object class 

and is adapted by a change in the second instance. 

Another aspect of the invention is a method for generating and displaying an 

electronically-published document having a plurality of markup elements, the method 
10 comprising the steps of parsing an input electronic document, generating a display of the 

input electronic docimient, responding to a user input by generating a different display of the 

electronic docimient based on the user input. 

Another aspect of the invention is a method wherein the parsing step includes the 

steps of reading a markup element of the input electronic document and instantiating a first 
1 5 object associated with the markup element. 

Yet, another aspect of the invention is a method wherein the responding and 

generating step includes the steps of determining a change in the first object based upon the 

user input determining a change in a second object based on the change in the first object and 

generating a display of the changed first and second objects. 
20 Another aspect of the invention is a method wherein the first and second objects are 

graphics objects and the change in the first object is a change in zoom. 

Another aspect of the invention is a method wherein the input electronic document 

comprises a plurality of markup elements with at least one of the markup elements being a 

graphics element, and wherein the responding step includes the steps of displaying the 
25 graphics element and generating, in response to the user input, a different display of the 
graphics element. 

Another aspect of the invention is a method for processing an electronically- 
published document having a plurality of markup elements, the method comprising the steps 
of parsing an input electronic document, reading a plurality of markup elements of the input 
30 electronic document, instantiating objects corresponding to the plvirality of markup elements, 
and generating output and accepting inputs, by at least one object to a user. 
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Further features and advantages of the present invention as well as the structure and 
operation of various embodiments of the present invention are described in detail below with 
reference to the accompanying drawings. 

Brief Description of the Drawings 

In the drawings. 

Fig. 1 is a data flow diagram illustrating a computer network as an example 
embodiment in which the present invention may be used; 

Fig. 2 is a module dependency diagram of a display system in accordance with one 
embodiment of the present invention; 

Fig. 3 is a state diagram of a program for displaying a document; 

Fig. 4 is a state diagram of the state of servicing user interface events in Fig. 3; 

Fig. 5 is an object model of the diagram object in Fig. 2; 

Fig. 6 is an object model of the shape object class illustrated in Fig. 5; 

Fig. 7 is an object model of the view handler shown in Fig. 2; 

Fig. 8 is a display generated from the sample document of Appendix II; 

Fig. 9 is a display generated from the sample document of Appendix III; 

Fig. 10 is a display of a document generated by Appendix III; 

Fig. 1 1 is a display generated from the sample docimient of Appendix IV; 

Fig. 12A is a diagram of an interface for allowing zooming of the displayed 

diagram; 

Fig. 12B is a diagram of an interface for allowing selection of layers of the diagram; 
Fig. 13 is a display generated from the sample docimient of Appendix V; 
Fig. 14 is a display generated using selected layers from the display of Fig. 13; 
Fig. 15 is a display generated with all selected layers of the document of Appendix 

V; 

Figs. 16A-16F are parts of an enlarged view of Fig. 7; and 
Figs. 17A-17H are parts of an enlarged view of Fig. 5. 

Detailed Description 
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The present invention will be more completely miderstood through the following 
detailed description which should be read in conjunction with the attached drawing in which 
similar reference numbers indicate similar stmctures. All references cited herein are 
expressly incorporated by reference. 
5 Electronically pubUshed documents may be using descriptive markup, i.e., tags, 

which define a hierarchical structure of a plurality of elements. Such a markup language is 
the standard generalized markup language (SGML). A document may be represented using a 
structure that is defined as a document type within the SGML standard. The document type 
definition for a markup language used in one embodiment of the present invention is found in 
10 Appendix I. which is incorporated herein by reference. Sample documents in this language 
are in Appendices II. HI, IV and V. which are incorporated by reference. 

Referring now to Fig. 1, one embodiment of the present invention will now be 
described. It should be understood that there are several different embodiments which are 
possible, and that the invention is not limited to the one described. 
,5 Fig. 1 illustrates a computer system 20 which receives as one input a data file 22 

which contains a document in a markup language, such as the language of the document type 
shown in Appendix 1. The computer system 20 generates display data 24 and processes user 
requests 26. 

A suitable computer system 20 typically includes an output device which displays 
20 information to a user. The computer system includes a main unit connected to the output 

device and an input device, such as a keyboard. The main unit generally includes a processor 
connected to a memory system via an interconnection mechanism. The input device is also 
connected to the processor and memory system via the connection mechanism, as is the 
output device. 

25 It should be understood that one or more output devices may be connected to the 

computer system. Example output devices include a cathode ray tube (CRT) display, liquid 
crystal displays (LCD), printers, communication devices such as a modem or network 
interface, and audio output. It should also be understood that one or more input devices may 
be connected to the computer system. Example input devices include a keyboard, keypad, 

30 track ball, mouse, pen and tablet, communication device, audio input and scanner. It should 
be understood the invention is not limited to the particular input or output devices used in 
combination with the computer system or to those described herein. 
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The computer system 20 may be a general purpose computer system which is 
programmable using a high level computer programming language, such as the "C" "C-H-", 
and "Java'' programming languages (Java is a trademark of Sun Microsystems, Inc.)- Other 
programming languages are available. The computer system may also be specially 
programmed, special purpose hardware. In a general purpose computer system, the processor 
is typically a commercially available processor, of which the series x86 processors, such as 
the Pentium II processor with MMX technology available from Intel and similar devices from 
AMD and Cyrix, and the 680X0 series microprocessors available from Motorola are 
examples (Pentium and Intel are registered trademarks of the Intel Corporation, MMX is a 
trademark of the Intel Corporation, AMD is a trademark of Advanced Micro Devices, Inc., 
Cyrix is a registered trademark of the Cyrix Corporation, and Motorola is a trademark of 
Motorola, Inc.). Many other processors are available. Such a microprocessor executes a 
program called an operating system, of which the Windows NT, Windows 95, UNIX, DOS, 
VMS, ULTRDC IRIX, Solaris, VxWorks, OS/Warp, MacOS, and Intranet Ware operating 
systems are examples (Windows, DOS, and Microsoft are registered trademarks; and 
Windows NT is a trademark of the Microsoft Corporation, VMS and ULTRIX are trademarks 
of Digital Equipment Corporation, IRIX is a registered trademark of Silicon Graphics, Inc., 
Solaris is a registered trademark of Sun Microsystems, OS/Warp is a registered trademark of 
International Business Machines, Inc., and MacOS is a registered trademark of the Apple 
Corporation). The operating system controls the execution of other computer programs and 
provides scheduling^ debugging, input/output control, accounting, compilation, storage 
assignment, data management and memory management, and communication control and 
related services. The processor and operating system define a computer platform for which 
application programs in high-level programming languages are written. 

A memory system typically includes a computer readable and writeable nonvolatile 
recordmg medium, of which a magnetic disk, a flash memory and tape are examples. The 
disk may be removable, such as a floppy disk or removable hard drive, or permanent, such as 
an intemal hard drive. A disk has a number of tracks in which signals are stored, typically in 
binary form, i.e., a form interpreted as a sequence of ones and zeros. Such signals may define 
an application program to be executed by the microprocessor, or information stored on the 
disk to be processed by the application program. Typically, in operation, the processor 
causes data to be read from the nonvolatile recording medium into an integrated circuit 

SUBSTITXJTE SHEET (RULE 26) 



PCr/nS98/017<>3 

wo 98/33127 

-9- 

memory element, which is typically a volatile, random access memoiy such as a dynamic 
random access memory (DRAM) or static memory (SRAM). Other memoiy types are 
available. Hie integrated circuit memory element allows for faster access to the information 
by the processor than does the disk. The processor generaUy manipulates the data withm the 
5 mtegrated circuit memory and then copies the data to the disk when processmg is completed. 
A variety of mechanisms are known for managing data movement between the disk and the 
integrated circuit memory element, and the invention is not limited thereto. It should also be 
understood that the invention is not limited to a particular memory system. 

It should be understood the invention is not limited to a particular computer 
0 platform, particular processor, or particular high-level programming language. Additionally, 
the computer system 20 may be a multiprocessor computer system or may include multiple 
computers connected over a computer network. 

Hie present invention is also suitable for implementation in a network environment, 
such as the Internet or an Intranet, which connects a server 30 to a client or browser 32. The 
1 5 server 30 maybe a hypertext transfer protocol (HTTP) server which makes files 22, and 
possibly computer programs such as "java applets" 34, available to the browser 32. Java 
applets are programs implemented in the Java programming language, which is a well-known 
object-oriented language in the art of programming. There are many commercially available 
HTTP servers. Other file transfer protocols and servers may be used. The browser 32 may be 
20 any commercially available browser that has the ability to process markup language 

documents. For the purposes of processing java applets 32, the browser should be "Java- 
enabled", that is, the browser should be capable of executing programs written in the Java 
programming language. The Netscape Navigator browser, from Netscape Communications. 
Inc., and the Internet Explorer browser, from Microsoft Corporation, are examples of such a 
25 browser. The browser and the server generaUy communicate by transferring HTTP messages 
over the network, which typically uses the TCP/IP networkmg protocol. It is understood that 
other networking protocols may be used. 

In one embodunent to be described, the "java applet" 34 is utilized by the browser 
32 to process documents in the markup language in accordance with one embodiment of the 
30 present invention. It should be understood that the browser 32 could also be modified to 
process this markup direcUy. similar to how other extensions to the hypertext markup 
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language (HTML) are processed. Further, it should be understood that the HTML language 
may be extended to support these features. 

In order to process a document in the markup language in accordance with one 
embodiment of the invention, an object oriented system is implemented using a Java 
programming language. This system has four primary object classes as shown in Fig. 2. 
These object classes are a view handler 40, a parser 42, a diagram 44 and a shape 46. The 
parser 42 generates the diagram 44. The view handler 40 is an object that has several 
methods associated with it to manipulate the diagram 44. Also, the view handler object 40 
uses the parser object 42 to generate the diagram 44. The diagram has several shapes 46 
associated with it, one for each graphical object defined in the diagram. A shape object is 
instantiated or generated for each of the graphical objects defined. 

The state diagram of a program which generates and uses these objects will now be 
described in connection with Fig. 3. First, the java applet for processing this markup 
language is loaded by the browser in state 50. The applet accesses the file containing the 
markup language document and parses it in state 52. Parsing of the HGML document is done 
using standard markup language processing techniques using the document type definition 
(DTD) provided in Appendix I. A particular DTD may be defined by one or more grammar 
rules as shown in Appendix I. Given a set of grammar rules, a parser may be constructed that 
verifies the format of a document. Parser creation is well-known in the art of compiler 
theory. However, in one embodiment of the invention, the parser is instantiated as an object 
that parses an HGML document. Upon verification by the parser that the document is valid, 
the graphical objects defined by the document are then laid out in the display area in state 54. 
For example, referring to the document shown in Appendix II, a diagram having a size of 
2,000 pixels by 2,000 pixels is fu^t defined. Each graphical object, such as a rectangle with 
an identifier equal to "1," is defined as an object, as will be described below, having a given 
position, size, color and fill. The position of each graphical object within the diagram is 
determined. The graphical objects are then drawn on the display in state 56. These graphical 
objects are instantiated in the memory of the computer system. Once objects are drawn on 
the display, user interface events can be serviced m state 58, which will be described in more 
detail in connection with Fig. 4. Because markup elements are instantiated as objects, the 
objects may be configured to respond to user events. Upon termination of the need to service 
user events, the applet is then terminated in state 60. 
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It should be understood that the inventioii is not limited to representation of 
processing and display of graphical objects, but any markup element may be represented by 
an object that receives events. It should also be known that the generation of these objects is 
not limited to applets or the Java programming language, but these objects may be generated 
by a program written in any other object-oriented programming language. Also, the objects 
may be implemented in any suitable programming language, such as a sequential 

programming langu^e. 

Before describing the servicing of user interface events in connection with Fig. 4, 
Some sample output displays will be described in connection with Figs. 8-15 and their 
corresponding sample markup documents, shown in Appendices II-V. 

Fig. 8 shows an organizational chart that may be generated using one embodiment of 
[a markup language] suitable for implementing the invention. This display corresponds to the 
document shown in Appendix 11. Each of the displayed rectangles, such as 62, may be 
selected, as may names such as shown at 64. The selection of an object results in the display 
of a menu 66 which allows the selection of one of a multiple of uniform resource locators 
(URL). This menu of selections expands on the hypertext capability typically found in 
HTML documents which allows only one hypertext link assigned per HTML element. 

A markup language of the kind described herein is typically useful for viewing data 
developed using a model-based development environment. Such models are used to describe 
function, behavior, process, system architecture, and several other aspects of a system. The 
model diagrams describe not only the system or process, but are used as a focal point of 
understanding for communicating information about, designing and supporting a system or 
process. Having multiple models, each representing different views of the system or process 
that can be browsed and navigated to other model data or perhaps to non-model data, is 
particularly helpful in model-based development environments. , 

Models also describe systems in a formalized methodology. This formalism allows 
models developed using some software tools to be converted to a markup language in 
accordance with the invention to allow them to be displayed and navigated. In general, 
certain types of data may be mapped to tags and attributes in the markup language. In 
addition, information regarding relationships among data can be used to generate hypertext 
linksbetween elements. 
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Figs. 9 and 10, which are based on the document in Appendix HI, illustrate how 
semantically important information, such as data from a database, can be used to generate 
informative displays. Figs. 9 and 10 illustrate a data flow diagram which includes primitive 
and non-primitive processes. A non-primitive process may be decomposed mto other 
processes- Such information may be derived from any original information used to gen«ate 
such a data flow diagram, for example, a computer-aided design or computer-aided software 
engineering tool. For example, particular defmed processes may be designated as primitive 
or non-primitive and have an associated shape and/or color. Such information may be 
represented in a markup language either by an element tag or an attribute. A non-primitive 
a element wUl be decomposed into other elements. Typically, another drawing will exist for 
that decomposition. When a given object, e.g.. 68, is selected, a menu 70 may be displayed in 
which a reference to the decomposition of that element may be one of the possible hypertext 
links, as illustrated by the command "Show Child." Other information also may be available, 
such as a CAD drav«ng. a requirements document or personnel and pricing data. 
5 Fig. 10 illustrates the same document but with a menu that is displayed when "empty 

space" on the diagram is selected. Empty space signifies the space within the diagram which 
is not occupied by an object. Each diagram may have primitive operations associated with it, 
such as zooming, layering, refreshing and reloading, which can be selected using this menu. 
For example, reloading forces re-reading of the data from its source, refreshing causes a 
20 diagram to be repainted on the display. The menu also may allow for selection of a parent 
diagram, for which this model is a decomposition, as indicated at 72. If a zoommg ftmction 
is selected, a zooming window, shown in Fig. 12A, is displayed to the user, from which the 
user can control the size of the image tiiey are viewing. This zooming fimction allows tiie 
defmed documents to be redisplayed within tiie diagram area in a different size. The layer 
25 fimction presents a layer window to the user, from which the user can turn on and off the 
display of selected layers. Layers are defmed by and dependent upon the markup language 
and whether layers are introduced in the authoring process. An example of layering will be 
described in more detail below in connection witii Appenduc V and Figs. 13-15. 

Some diagram shapes may be replaced by pictures or other graphics, such as shown 
30 at 78 and 80 in Fig. 1 1 . and as defined by the document in Appendix IV. 

Referring now to Fig. 13, the document of Appendix V can be used to display a 
simple image in a vrindow. Using a language such as HTML, any particular point on this 
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graphic may be associated with only a single action or unifonn resource locator (URL). 
Additionally, the image that is loaded is one graphic file. The regions of the image which are 
associated with different URLs are commonly implemented using a mapping function which 
maps a pair of coordinate values to a single action to be performed. It is difficult to 
5 determine where the image map actually is on an image in an HTML document 

By using layers defined by the maricup language of one embodfanent of the present 
invention, the image may exist in one layer and image map areas may be implemented as 
another layer. Referring to Fig. 14, in the present invention, each region of the image also 
may be associated with a menu of possible hypertext links rather than a single link. This 
10 menu can be displayed as shown at 82. When the image map areas are implemented using a 
layer, the layers may be displayed or selected using the layering feature, which displays the 
menu 84. This capability can guide a user to different areas of interest. 

Another aspect of the markup language in accordance with one embodiment of the 
invention is the attachment of objects, provided using the "attach" and "attachjype" 
1 5 attributes. This aspect allows an object or graphic shape to be defined in relation to other 
objects in the diagram. The position, height and width can be defined in this way. This 
allows an object to be defined, for example, as being positioned in the center of another 
object and having one quarter of the size of the other object. A more complex example is the 
relation wherein one object is centered between two other objects having the same height as 
20 the first object, but a width equal to. e.g., one third the distance between the two other 

objects. This feature is useful in representing one object in relation to others so that when one 
is changed, the others are changed in the same manner. 

Having now described some of the markup language features, and their 
corresponding display features, the state diagram for processing user interface events to 
25 provide these features will now be described in connection with Fig. 4. 

A first state is the "nothing selected" state 90. Events which effect the state 
transitions are the user interface events such as a mouse click (either on or off) or the 
completion of an action or the selection of a menu item. Given a mouse click on an object, 
processing moves to the "one thing selected" state 92. If a click on the same object is 
30 received, the system returns to state 90. A cUck off of an object returns to the "nothing 
selected" state also. A shift key in combination vnth a mouse click on an object causes a 
transition to the "multiple tiling selected" state 94. A shift key and click on additional items 
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will add them to a list of selected items. A mouse click on one of the already selected items 
will eliminate it from the list. A mouse click ofif any of the selected items will cause a 
transition back to the "nothing selected" state 90. After a transition to the"one thing selected'' 
state 92 or '^multiple things selected*' state 94, or a click on the background in the "nothing 
5 selected" state 90, appropriate menus are displayed, which involves a transition to the 
"service selection" state 96. In this state, either the background menu, menu for a selected 
object, or menu for the group of selected objects is displayed and there is a transition to the 
"menu display" state 98. On selection of a menu action, a transition is made to state 1 00 
where the menu is removed from the display and the action associated with the menu item is 
1 0 invoked. If the menu action involves exiting the diagram, the process is terminated in state 
102. Otherwise, processing returns to state 96. In state 98, if no menu item is selected, for 
example, by the receipt of a mouse click event outside the menu area, the menu is removed 
from the display in state 104. Processing then returns to the "service selection" state 96 
which then reverts back to the "nothing selected", "one thing selected" or "multiple things 
1 5 selected" states 90, 92 or 94, according to the objects selected which caused display of the 
menu in the first place. 

Having now described the general flow of the display and user interface interaction 
with documents in the markup language of the present invention, the layout of the graphical 
objects will now be described in connection with Figs. 5 through 7. These Figs, are dmwn 
20 according to the object modeling technique (OMT) which is well-known in the art of object 
oriented programming and described in Ohiect-Orie nted Modeling and Design by James 
Rumbaugh et al., Prentice-Hall, Inc., New Jersey, 1991, which is incorporated by reference. 

Fig. 5 shows that the diagram 44 is comprised of layers 246 and selected objects 
248. Each layer 246 is comprised of diagram objects 252. The diagram class is the root of all 
25 layers and diagram objects and is responsible for dispatching events from the display area to 
the appropriate diagram objects. Each diagram object has an associated shape 250. The list 
of selected objects 248 comprises a list of diagram objects 252. Each diagram object 252 is 
associated with actions 254. An action 254 may be comprised of several action items 256. 
An action item 256 is a uniform resource locator (URL) attached to a diagram object. It is 
30 displayed as a menu item in the display area and is executed by the navigator. If the 
navigator cannot handle the event, it is passed to the viewer. An action item has an 
associated anchor 258. An attachment 260 has an appearance defmed by a diagram object. A 
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group object 262 is associated vnUi a number of diagram objects, while single object 264 is 
defined as a single diagram object 2S2. These are subclasses of the diagram objects 252. 
Diagram objects and diagrams may also have an attribute.266 associated therewith. An 
attribute is comprised of one or more attribute items 268. Each attribute item may have an 

5 associated text block 270. 

Referring now to Fig. 6 shows the different types of graphical objects which may be 
displayed. For example, there may be arc objects 140, ellipse objects 142, group objects 144, 
line objects 146, bit mapped images 148, polygons 150, rectangles 152, text blocks 154, and 
text segments 156. Other object types also may be displayed. Each one of these objects are 

10 subclasses of the shape object class 158. The shape is comprised of an extent object 160 
which defines the area of pixels within the diagram that is considered part of the object. A 
line has associated with it a line style object 162 and a line point object 164. An arrow object 
166 is a subclass of a line 146 and has an arrowhead 168. A regular polygon 170 is a 
subclass of a polygon 1 50. Text block 1 54 and text segments 1 56 use a text attribute 1 72. A 

15 text block 154 uses a text segment 156. An anchor object 174 is also used. It is part of a text 
block with anchor object 1 76 and text segment with anchor object 1 78. Each of the objects 
176 and 178 respectively are subclasses of a text block 154 or text segment 156. Instances of 
each of these object classes are generated directly from the markup tags and associated 
attributes which indicate those objects. 

20 Referring now to Fig. 7, the display area 1 80 is the part of the display on which the 

diagram is drawn. This class is responsible for displaying the diagram objects, scaling the 
diagram objects and dispatching mouse events. The size of the display area is the size of the 
diagram times the scale. The navigator object class 182 is the container for the scale scroller 
and the display area. It uses the scale scroller to handle the scrolling of the diagram in the 

25 display area. The scale scroller class is responsible for handling the horizontal and vertical 
scroll bars. The scroll bars are only displayed if the display area is larger than can be 
displayed by the navigator. An diagrams visited object 1 84 keeps a list of diagrams that have 
been viewed with the viewer. When an action item calls a URL to display a diagram, this list 
is checked to determine whether the diagram was already retrieved. Is so, the existing 

30 diagram object is displayed instead of retrieving the URL. 

The viewer 40 and navigator 1 82 are subclasses of the action handler object 1 86. 
The action handler is an abstract class. Any class that implements this class is allowed to 
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service the action item request The viewer class controls all interaction between the applet 
and the browser. Its responsibilities include creation of the diagram drawing space, 
communication with the HTTP server for retrieving files in this markup language and 
invocation of action items which are URL references. The navigator performs action items 

5 188 which are elements within a menu item 1 90 which in turn are vsrithin a menu 1 92 which is 
displayed by a method of the display area object 1 80. A menu item represents the visual 
component of an action item. A control object 198 is an operation that can be performed by 
the navigator, which are included in a list maintained as an abstract class called a control list 
200. Navigator 1 82 has a navigational control object 202 which is a subclass of the control 

10 list 200. It is the list of available or built-in menu options that are performed by the 

navigator. Some global variables are stored in a global object 204, such as the base URL of a 
document. 

The navigator also has a zoom control object 194 which uses a scale controller 196. 
The zoom control displays a window to the user as shown in Fig. 12A which allows the user 
15 to change the zoom factor or scale of the diagram objects displayed in the display area. By 
changing the scale, the diagram is redisplayed in the new scale immediately. 

A layer control object 210 is used to monitor which layers are active to be used by 
the navigator 1 82. It has a method for displaying a window which lists all the layers in the 
diagram. The user can select a layer to display it or deselect it in order not to display it. The 
20 display of the diagram is updated immediately upon a layer selection change. 

The ExtFrameProducer 207 is an abstract class. Any class that implements this class 
is allowed to produce external windows, such as the zoom control and layer control classes. 
The ExtFrame class 208 is an external window container. It is used for displaying any pop- 
up window. The ExtFrame is added to an external frame list object 206. The firames are 
25 created by the class 207 or a subclass. 

Each of the object classes has associated methods for creation of instances of these 
objects, reading and displaying these objects, updating the values describing the objects and 
deleting the objects. The implementation of such methods can be done by one of ordinary 
skill in the art and following the desired display and user interface actions above. 
30 Having now described a few embodiments of the invention, it should be apparent to 

those skilled in the art that the foregoing is merely illustrative and not limiting, having been 
presented by way of example only. Numerous modifications and other embodiments are 
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within the scope of one of ordinary skill in the ait and are contemplated as falling within the 
scope of the invention as defined by the appended claims and equivalents thereto. 
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Appendix I 

< I — ===s8ssrs3s=ssssi HyperGraphic Markup Language sssesss&ssbbsssss 
Document Type Definition for the HyperGraphic Mar3cup Language 
{HGML mo) 

Id: hgitil.dtd V 1.0 09/10/1996 

Author: Ronald E. Fortin <ref@mesasys .com> 

See Also.rhttp: //www.mesasys . com/hgml . html 

— > 

cJENTiry % HOlLVersion 
«-//Mesa//DTD HGML 1,0//EN" 

Typical Aisage: 
<!DOCTYPE HGML PUBLIC *-/ /Mesa //DTD HGML 1.0//EM"> 
<hgml> 

</hgml> 



> 

<! — ========n====3sr==5=:===== Imported. Names ================:====== — > 

< 'ENTITY % URI '^CDATA" 

The term URI means a CDATA attribute 
whose value is a Uniform Resource Identifier, 
as defined by 

''Universal Resource Identifiers" by Tim Bemers-Lee 
aka RFC 1630 

Note that CDATA attributes are limited by the LITLEN 
capacity (1024 in the current version of html.decl), 
so that URIs in HGML have a boimded length, 

> 

<!-- ==:==sss=======s=ss= Character mnemonic entities =============== 

<! ENTITY % ISOlatl PUBLIC 

"ISO 8879-1986//ENTITIES Added Latin 1//EN//HTML" > 
%IS01atl; 

<! ENTITY amp CDATA "&" ampersand 
< I ENTITY gt CDATA ">" greater than --> 
<! ENTITY It CDATA ''<" less than --> 

<IENTITY quot CDATA ''"" double quote --> 

<! ENTITY % bool ^(TRUE | FALSE)" > 

<1ENTITY % justify **LEFT | CENTER | RIGHT" > 

<! ENTITY % font «B | I | U ] S | SUP | SUB | BIG | SMTOaL | PRE | FONT" > 

<! ENTITY % text **#PCDATA | BR | HR | % justify | %font | A" > 

<!ELEMENT (%font ; | % justify; ) - - (%text)+ > 

<! ELEMENT BASEFONT - O EMPTY > 

<!ATTLIST (FONT | BASEFONT) 

SIZE NUTOKEN # IMPLIED 

COLOR CDATA # IMPLIED #RRGGBB in hex, e.g. red: 
color=" #FFOOOO" - - 
NAME CDATA # IMPLIED > 
<!-- 

There are also 16 widely knov/n color names although 
the resulting colors are in^lementation dependent: 
aqua, black, blue, fuchsia, gray, green, lime, maroon. 
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navy, olive, purple, red, silver, teal, white, and yellow 
These colors were originally picked as being the standard 
16 colors supported with the Windows VGA palette. 
The color may also be set to * invisible' which causes the 
object not to be drawn yet .it Cem still respond to events. 
— > 

<! ELEMENT BR - O EMPTY > 

< ! ELEMENT HR - O EMPTY > 

<i ENTITY % linkName '*CDATA''> 

< I ENTITY % linkType «NAME* > 
<! ENTITY % linkExtraAttributes 
^^REL % linkType # IMPLIED 

REV % linkType # IMPLIED 

URN CDATA # IMPLIED 

TITLE CDATA # IMPLIED 

METHODS NAMES # IMPLIED 

TARGET CTtfVTA # IMPLIED" > 

<!BNTITY % AContent "(%text)*'' > 

<! ELEMENT A - - %AContent -(A) > 

<!ATTLIST A 

HREF %URI #IMPLIED 

NAME % linkName # IMPLIED 

%linkExtraLAt tributes; > 

<»-- <A> Anchor; source /destination of link--> 

<!-- <A NAME=" . . . ''>Name of this anchor --> 

<!-- <A HREF=" . . . ">Address of link destination- - > 

<!-- <A URN=" . . . ">Permanent address of destination- -> 

<!-- <A REL= . . . >Relationship to destination- -> 

<!-- <A REV= . . . >Relationship of destination to this --> 

<!-- <A TITLE=" . . . ''>Title of destination (advisory) - -> 

<»-- <A TARGET=" . . . "> --> 

<!-- <A METHODS=" ... ''>Ope rations on destination (advisory) 

<! ELEMENT INCLUDE - O EMPTY > 
<!ATTLIST INCLUDE 
SRC CDATA #REQUIRED > 

< { — <- ssssssSBSSSBssss&sssssssasassasss ACtion sssssssassssssrssssssssssss:: 

<! ENTITY % actionType "(CLICK | DOUBLECLICK | KEY)" > 

<1 ENTITY % actionContent ''(AI)*" > 

<! ELEMENT ACTION - - %actionContent > 

<!ATTLIST ACTION 

TYPE %actionType CLICK > 

<! ENTITY % aiType" (DEFAULT | NONE)" > 

clENTITY % aiSelecf* (ENABLED | DISABLED)" > 

<! ELEMENT AI - - (A | ACTION) > 

< ! ATTLIST AI 

NAME CDATA #REQUXRHD 
DEFAULT %aiType NONE 
SELECTABILITY %aiSelect ENABLED > 

<!-- =Bs:s======B===rs=B=:=ss HieraTchical List ============= 

<! ELEMENT HL - - (HLI)+ > 

<! ELEMENT HLI - - (HL | (%text)+)? > 

<! ATTLIST HLI 

NAME CDATA #REQUIR£D 

TYPE CDATA # IMPLIED > 
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<!-- «s3===3es=is============== Graphic Objects ==========rts=s==2====== 

<!ENTITy % attachlnside "TOP-INSIDE | TOPRIGHT- INSIDE | RIGHT- INSIDE | 
BOTTOMRIGHT- INSIDE | BOTTOM-INSIDE | BOTTOMLEFT- INSIDE | LEFT- INSIDE j 
TOPLEFT- INSIDE" > 

<! ENTITY % attachOutside "TOP-OUTSIDE | TOPRIGHT- OUTS IDE | RIGHT-OUTSXDE 
I BOTTOMRIGHT- OUTSIDE | BOTTOM- OUTS IDE | BOTTOMLEFT- OUTS IDE | 
IiEFT- OUTS IDE | TOPLEFT- OUTS IDE" > 

<!ENTITY % attachLocation * (%attachlnside | %attachOutside | CENTER)" > 
<! ENTITY % fillType (SOLID | NONE | NUMBER)" > 

< I ENTITY % Styles (SOLID | DOT | DASH)" > 
<1ENTITY % objectContent « (ACTION | HL | %text) *" > 

< I ENTITY % graphicAttlist 
''ID ID #IMPLIED 

TYPE CDATA # IMPLIED 
ATTACH ID tIMPLIED 

ATTACHTYPE%attachLocation# IMPLIED 

POSITION NUTOKENS # IMPLIED 

SIZE NUMBERS # IMPLIED 

ROTATIONNUMBER # IMPLIED 

ENABLE %bool TRUE" > 

< 'ENTITY % objectAttlist 

"%graphicAttlist 

COLOR CDATA #IMPLIED 

WIDTH NUMBER 1 

FILL %f illType NONE 

STYLE %styles SOLID" > 

<!-- <OBJECT ID Unique Identifier 

<!-- <OBaECT TYPELogical Type Inf ormation-- > 

<!-- <OBJECT COLORDraw Object Using COLOR- -> 

<!-- <OBJECT FILLFill The Object With COLOR- -> 

<!-- <OBJECT STYLEDraw Object with line style- -> 

<!-- <OBJECT ATTACHID Of Binding Object- -> 

<>-- <OBJECT ATTACHTYPEType Of Binding- -> 

<!-- <OBJECT POSITIONObject Location Or Bind Offset- -> 

<!-- <OBJECT SIZEWidth And Height Of Object- -> 

<!-- <OBJECT ROTATION Rotation angle in degrees --> 

<!-- <OBJECT ENABLEEnable /Disable events- -> 

< I - - <OB»JECT> - - > 

< I ELEMENT OBJECT - - %ob j ectContent > 
<!ATTLIST OBJECT 
NAME CDATA #REQXnRED 
%objectAttlist > 
<!-- <ELLIPSE> 

<i ELEMENT ELLIPSE - - %ob j ectContent > 
<!ATTLIST ELLIPSE 
%objectAttllst > 
<!-- <RECTANGLE> --> 

<! ELEMENT RECTANGLE - - %obj ectContent > 
<IATTLIST RECTANGLE 
CORNER NUMBER "O" 
%objectAttlist > 
<!-- <ARC> --> 

<! ELEMENT ARC - - %obj ectContent > 
<!ATTLIST ARC 
ANGLE NUMBERS ''O 0" 
%objectAttlist > 
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<!-- <REGPOLYGON> 

<! ELEMENT REGPOLYGON - - %ob j ectContent > 
<!ATTI*IST REGPOLYGON 
SIDES NtlMBER #REQniR£D 
%ob j ectAttlist > 
<!-- <IMAGE> — > 

<1 ELEMENT IMAGE - - %object Content > 
<!ATTLIST IMAGE 
SRC CDATA ^REQUIRED 
%obj ectAttlist > 
<!-- <TEXT> 

<! ELEMENT TEXT - - %ob j ectContent > 
<!ATTLIST TEXT 
%graphicAttlist > 

<!-- <POLYGON> 

<! ENTITY % polygonContent ~ ( (POINT, POINT+) & %obj ectContent ) " > 
<i ELEMENT POLYGON - - %polygonContent > 
<iATTLIST POLYGON 
%obj ectAttlist > 
<!-- <LINE> 

<! ENTITY % lineType "(SQUARE | ROUND)" > 

<! ENTITY % linePoint (POINT j ATTACHPOINT) " > 

<1 ENTITY % lineContent " ( (%linePoint , %linePoint+) & FROMARROW? & TOARROW? 

Sc %obj ectContent ) " > 

<! ELEMENT LINE - - % lineContent > 

<!ATTLIST LINE 

ID ID # IMPLIED 

COLOR CDATA # IMPLIED 

WIDTH NUMBER 1 

TYPE CDATA # IMPLIED 

SPLINE % lineType SQUARE 

STYLE % styles SOLID 

ENABLE %bool TRUE > 

<!-- <POINT> 

< I ELEMENT POINT - O EMPTY > 
<!ATTLIST POINT 
POSITIONNUMBERS #REQUIRED > 

<! ELEMENT ATTACHPOINT - O EMPTY > 
<!ATTLIST ATTACHPOINT 
POSITIONNUMBERS # IMPLIED 
ATTACH ID #REQUIRED 

ATTACHTYPE%attachLocation#REQUIRED 

CLIP %bool FALSE > 

<!-- <FROMARROW><TOARROW> 

<! ENTITY % arrowType "(SOLID | HOLLOW | OPEN | CROW | BAR)" > 

< I ELEMENT FROMARROW O EMPTY > 
<! ELEMENT TOARROW - O EMPTY > 
<!ATTLIST (FROMARROW ( TOARROW) 
TYPE %arrowType #REQUIRED 
COLOR CDATA # IMPLIED 

COUNT NUMBER # IMPLIED 
WIDTH NUMBER # IMPLIED 
HEIGHT NUMBER # IMPLIED > 

<! ENTITY % graphicObjects **OBJECT | ELLIPSE | RECTANGLE | ARC | LINE | 
TEXT I IMAGE | POLYGON | REGPOLYGON | USE" > 
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<! ELEMENT DEFINE - - (%graphicObjects) + > 

<!ATTLIST DEFINE 

NAME CDATA #REQUIRED 

TYPE CDATA #IMPI-IED > 

<! ELEMENT USE - - %ob j ectContent > 

<!ATTLIST USE 

NAME CDATA #REQUIiaED 

%graphicAttlist > 

<! — ==^======================== Layer =========== ==e==»«ii=«:=ra =13=:= — > 

<! ENTITY % layerContent **%grapliicObjects'' > 
<! ELEMENT LAYER O O (% layerContent ) * > 
<!ATTLIST LAYER 
ID CDATA # IMPLIED > 

< I ~ ==========c=s=r==;==== ======= Diagirain ======================== — — > 

<! ENTITY % diagramContent « (LAYER | %layerContent | HL | ACTION)" > 
<! ELEMENT DIAGRAM - - ( ^diagramContent ) + > 

<!ATTLIST DIAGRAM 

ID CDATA # IMPLIED 

TITLE CDATA #IMPLIED 

TYPE CDATA # IMPLIED 

COLOR CDATA #IMPLIED 

SIZE NUMBERS #IMPLIED > 

<!-- <DIAGRAM IDUnique Identifier- -> 

<!-- <DIAGRAM TITLEDiagram Title —> 

<!-- <DIAGRAM TYPELogical type of the diagram- -> 

<!-- <DIAGRAM COLORBackgroxind color of the diagram- -> 

<!-- <DIAGRAM SIZEDiagram drawing area size (x,y)--> 

<! ENTITY % bodyContent "DIAGRAM | HL" > 
<! ELEMENT BODY - - ( %bodyContent ) + > 

<1 ELEMENT META - O EMPTY > 

< ! ATTLIST META 
HTTP-EQUIVNAME # IMPLIED 
NAME NAME # IMPLIED 
CONTENT CDATA #REQUIRED > 

<!-- <META> Generic Metainf ormation--> 

<!-- <META HTTP-EQUIV« . . . >HTTP response header name--> 
<!-- <META NAME= . , . >Metainf ormation name--> 
<!-- <META contents" ">Associa ted inf ormation- -> 
<! ELEMENT TITLE - - #PCDATA> 

<! ENTITY % headContent «BASEFONT? & TITLE? & META*" > 
<! ELEMENT HEAD - - ( %headContent) > 

<! ENTITY % hgmlContent "HEAD?, (DEFINE | INCLUDE)*, BODY" > 
<! ELEMENT HGML - - ( %hgral Content ) > 

<! ENTITY % versionAttr "VERSION CDATA #FIXED ' %HGMLVersion; ' " > 

< I ATTLIST HGML 
%versionAttr; > 
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Appendix II 

<HGMIj> 

<HEAD><BASEF02n' SIZE«24</H£AD> 
<BODy> 

<DIAGRAM si2e="2000 2000" Type=''Org Chart" Ida-'org/Vidyo-yo" 
Titles^Vidyo-yo Org Chart" color syellow> 

<rectangle id-"!" comer=80 positions" 1250 100" sizes"250 100" color=blue 
fill-solid enai5le«false></rectangle> 

<rectangle id^-ia" comer«B0 attach="l" attachtypes"topleft- inside" 
position="-5% -10%" si2e="250 100" color=white fill=solid> 
<action type=click> 
<ai name="Send Mail"><a 

hre f = " ma il t o : bumes® spr ingf i el d . com" ></a></ai> 

</action> 

</rectangle> 

<rectangle comer=80 attach="l" attachtype="topleft- inside" positions" -5% 

-10%" size="250 100" color=black enable=f alse></rectangle> 

<text attach="la" attachtype=" center" > 

<center>Mr . Bumes<br>President</center> 

</text> 

<rectangle id="2" comer=80 position="500 500" size="250 100" color=blue 
fill=solid enable=sf alse></rectangle> 

<rectangle id="2a" corner=80 attache" 2" attachtype="topleft- inside" 
positions" -5% -10%" size="250 100" color=white fill-solid> 
<action type=sclick> 
<ai names" Send Mail"><a 

hr ef = " mail to : Bamey®spr ingf ield . com" >< /a >< /ai > 

c/action> 

</rectangle> 

<rectangle comer=80 attach="2" attachtype="topleft- inside" position^" -5% 

-10%" sizes" 250 100" color=black enable^f alse></rectangle> 

<text attach="2a" at tachtypea" center" > 

< cent er> Barney <br>V. P . Sales< /center > 

</text> 

<rectangle id="3" corner=B0 positions" 1000 500" size="250 100" color=biue 
f ill«solid enable=f alse></rectangle> 

<rectangle ida^Sa" corner=80 attach="3" attachtypes"topleft- inside" 
positions" -5% -10%" sizes"250 100" colorswhite fillssolid> 
<action typesclick> 

<ai names" Send Mail"><a 

href =" mail to: Homer®spr ingf ield. com" ></a></ai> 
<ai names"Display Info"><:a 

href ="/graphics/simpsons/homer2.gif "></a></ai> 

</action> 

< /rect angle > 

<rectangle comer=80 attachs"3" attachtype="topleft- inside" positions" -5% 

-10%" size="250 100" colorsblack enable=f alse></rectangle> 

<text attachs-'Sa" at tachtypes" center" > 

<center>Homer<br>V. P . Engineer ing</ cent er> 

</text> 

<rectangle ids" 4" comersBO position="1500 500" sizes" 250 lOO" color=blue 
f ill=solid enablesf alse></rectangle> 

<rectangle id="4a" comersSO attach="4" attachtypes" toplef t-inside" 
positions" -5% -10%" sizes"250 100" color=white fillssolid> 
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<action type=click> 
<ai name="Send Mail"><a 

href s^mailto :sinithers®springf ield. com* ></a></ai> 

</action> 

</rectangle> 

<rectangle conier=80 attach=''4'' attachtype^" topi eft -inside" positions" -5% 

-10%" si2e=*250 100" color^black enable«f alse></rectangle> 

<text attach=''4a" a ttachtype=s* center" > 

<center>Smithers<br>V. P . Marketing</ center > 

</text> 

<rectangle ids^B" comersSO position=!"2000 500" si2e="250 100" cdlor=blue 
f ill=solid enable=f alse></rectangle> 

< rectangle id="5a" comers=80 attach«"5" attachtypes"topleft- inside" 
position«"-5% -10%" size="250 100" color^white fill=solid> 
caction type=click> 

<ai name="Send Mail"><a href ="mailto:Mo®springf ield. coin"></a></ai> 

</action> 

</rectangle> 

<rectangle comer=80 attach="5" attachtype=" toplef t-inside" position*" - 5% 
-10%" size="250 100" color=black enable=f alse></rectangle> 
<text attache" 5a" a ttachtypes" center" > 
<center>Mo<br>V. P . Manufacturing< /center > 

</text> 

<line type=square> 

<attachpoint attach="l" attachtype="bottom-outside" > 
<attachpoint attache" 2" attachtype="top-outside"> 
<toarrow typessolid> 
</line> 

<line type=square> 

<attachpoint attache" 1" attachtype="bottoin-outside" > 
<attachpoint attach="3" attachtype=" top -outside" > 
<toarrow type«solid> 
</line> 

<line type=square> 

<attachpoint attach="l" attachtype=" bottom-outside" > 
<attachpoint attache" 4" attachtype=" top -outside" > 
<toarrow type=solid> 
</line> 

<line type«square> 

<attachpoint attache" 1" attachtype=" bottom-outside" > 
<attachpoint attach=''5" attachtype=s"top-outside"> 
<toarrow type=solid> 
</line> 

<rectangle id="6" comer-80 positions" 700 800" size»"250 100" color=:blue 
fill«solid enable»false></rectangle> 

<rectangle id="6a" comer=80 attach="6" attachtype=" toplef t-inside" 
position="-5% -10%" size="250 100" color=white fill=solid> 
<action type=click> 
<ai name =" Send Mail"><a 

href ="mailto:Wiggins®springf ield. com" ></a></ai> 

</action> 

</rectangle> 

<rectangle comer=80 attach="6" attachtype=" toplef t-inside" position«"-5% 
-10%" size="250 100" color^black enable-f alse></rectangle> 
<text attache" 6a" at tachtype=" center" > 
<center>Wiggins<br>Mgr . V and V</center> 
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</text> 

<line type=sguare> 

<at:tachpoint attache "3" a ttach type =" bottom- outs ide''> 
<attaclipoint attachs^S" attachtype=" top-outside* > 
<toarrow type=solid> 
</liiie> 

<line type=sguare> 

<point positions "112 5 600" > 

<point positions" 112 5 900" > 

</line> 

<text position^^liao 760" > 
<action type=click> 
.<ai name8"Send Mail"><a 

href e''mail to : bar t@spring£ ield . com" >< /ax /ai > 
<ai name-"Display Info"><a 

href ="/graphics/simpsons/bart.gif "></a></ai> 

</action> 

Bart 

</text> 

<line type=8quare> 

<point position="1125 800"> 

<point positions" 1225 800" > 

</line> 

<text positions" 1130 810" > 
<action type=click> 
<ai name="Send Mail"><a 

href s"mailto : lisa®springf ield . com" ></a></ai> 
<ai name="Display Info"><a 

href =" /graphics/sirapsons/lisa2 .gif "></a></ai> 

</action> 

Lisa 

</text> 

<line type=square> 

<point position="1125 850"> 

<point position="1225 850"> 

</line> 

<text positions" 1130 860" > 
< act ion type»click> 
<ai names" Send Mail" ><a 

href s^mailto :maggie®springf ield. com" ></a></ai> 
<ai name="Display Info"><a 

href =" /graphics/ Simpsons /maggie .gif ">< /ax /ai> 

</action> 

Maggie 

</text> 

<line typessquare> 

<point position="1125 900"> 

<point positions" 1225 900" > 

</line> 

<rectangle ids" 7" comersSO positions "1300 800" sizes"250 100" color=blue 
fillssolid enables falsex/rectangle> 

<rectangle ids" 7a" comersSO attachs"?" attachtypes'topleft- inside" 
positions" -5% -10%" size="250 100" colorswhite fillssolid> 
<action typesclick> 
<ai name="Send Mail"><a 

href ="mailto :Marge®springf ield . com" ></a></ai> 
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<ai name= "Display InfCxa 

href a" /graphics /Simpsons /marge4 . gif " ></a></ai> 

</action> 

</rect:angle> 

<rect:angle comer=s80 attachs"?" attachtypes^topleft- inside" position=''-5% 

-10%" sizes" 250 100" color=black enable=f alse></rectangle> 

<text attach="7a" attachtype=" center" > 

<center>Marge<br>Mgr . Documentation< / center > 

</text> 

<rectangle id="8" comer=80 positions" 1600 800" size=>"250 100" color=blue 
f ill=solid enable=f alse></rectangle> 

<rectangle id="8a'' comer=80 attach="8" attachtype="topleft- inside" 
position="-5% -10%" size="250 100" color=white fillssolid> 
<action t:ype=click> 
<ai name="Send Mail"><a 

href ="mailto :ned®springf ield . com" ></a></ai> 

</action> 

</rectangle> 

<recteLngle comer=80 attach="8" attachtype="topleft- inside" position="-5% 
-10%" sizes''250 100" color=black enables false></rectangle> 
<text attach-" 8a" attachtype«" center" > 
<center>Ned<br>Mgr . Training< /center > 

</text> 

<line types=square> 

<attachpoint attach="3" attachtype= "bottom- outside" > 
<attachpdint attach="7" attachtype=" top-outside"> 
<toarrow type-sol id> 
</line> 

<line type=square> 

<attachpoint attach«"3" attachtype= "bottom- outs ide" > 

<attachpoint attach="8" attachtype=" top-outside" > 

<toarrow type=solid> 

</line> 

</diagram> 

</BODY> 

</HGMIi> 
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Appendix 111 

<hgral> 

<head ></head> 
<body> 

<diagrain Color=white Type="DFD* Ids^Cruise^Control/Cruise^Control/DFD/O" 

Titles" 0 - Perform Automobile Cruise Control and Monitoring" > 

<action type=click> 

<ai names" Check Object" ><a 

href ="/vista/tw)c/cgi-bin/twkcheck.pl?Cruise__Control/Cruise_Control/DFD/0 
/ob j ect /body* target » *• check" ></a></ai> 
<ai names" Check Subtree" ><a 

href ="/vista/twk/cgi-bin/twkcheck.pl?Cruise_Control/Cruise_Control/DFD/0 
/subtree /body" target=" check" ></a></ai> 
<ai name="Show Parent" ><a 

href ="/vista/twk/cgi-bin/twkhgml .pl?Cruise_Control/Cruise_Control/DFD/Co 
ntext- Diagram" ></a></ai> 

<ai names"show Parent (in another window)." ><a 

href =" /vista/twk/cgi -bin/twkhgml . pl?Cruise_Control/Cruise_Control/DFD/Co 
ntext- Diagram" target="_blank"></a></ai> 
<ai name="Show Notes" ><a 

href ="/vista/twk/cgi-bin/twkget .pl?Cruise_Control/Cruise_Control/DFD_NI/ 

0/"></a></ai> 

</action> 

<ellipse id="l" type="DFD_PRIMITIVE_PROCESS" position='^ 555 428" 

si2e="102 102" 

width=3 color="green" > 

<action type=click> 

<ai name="Show Child" default ><a 

href =" /vista/ twk/cgi-bin/twkhgml.pl?Cruise_Control/Cruise_Control/DFD/l" 

></a></ai> 

<ai name="Show Child (in another window)" ><a 

href =" /vista/twk/cgi -bin/twkhgml. pl?Cruise_Control/Cruise_Control/DFD/l" 
target ="_blank">< /a ></ai> 

<ai name-"Show Requirements" ><a href =" /vista/ twk/blank. html" ></a></ai> 
<ai name=»"Show CAD Drawing" ><a href ="/vista/twk/blank. html" ></a></ai> 
</action> 
</ellipse> 

<text id="0" type=text attach="l" a ttachtypess" center" position="0 0"> 
<CENTER><B> Determine<BR> 
Speed and<BR> 
Distance 

< /B>< /CENTERx / text > 

<text id="0" type=text attach="l" attachtype=" bottom- inside" position="0 

-30%"> 

1 

</text> 

<ellipse id="2" type«"DFD_N0MPRIMITIVE_PROCESS" position«"654 680" 

size="102 102" 

width=3 colors" blue" > 

<action type=click> 

<ai name="Show Child" default ><a 

href =" /vista/ twk/cgi-bin/twkhgml .pl?Cruise_Control/Cruise_Control/DFD/3" 
></a></ai> 

<ai names "Show child (in cinother window)" ><a 
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href =* /vista/twk/cgi-bin/twkhgml .pl?Cruise_Control/Cruise_Cont:rol/DFD/3'' 
t arge t = * _blank" X /a >< / a i > 

<ai names^Show Requirements" ><a href ="/ vista/ twk/blank. html*' >< /ax /ai> 
<ai names^Show CAD Drawing" ><a href =" /vista/ twk/blank, html" ></a></ai> 
</action> 
</ellip8e> 

<text ids^O* type«text attach="2* a ttachtype=* center" position="0 0"> 

<CENTER><B> Monitor <BR> 

Maintenance<BR> 

Required 

< /B>< / CENTERx / text > 

<text id="0" type=text attach="2" attachtype=" bottom- inside" positions^o 

-30%"> 

3 

</text> 

<ellipse id="3" type=''DFD_NONPRIMITIVE_PROCESS'' position^" 858 490" 

sizes"102 102" 

width=3 colors "blue* > 

<action typessclick> 

<ai name="Show Child" default ><a 

href ="/vista/twk/cgi- bin/ twkhgml.pl ?Cruise_Control/Cruise_Control/DFD/2" 
x/a></ai> 

<ai names^show Child (in another window)" xa 

href =" /vista/ twk/cgi -bin/ twkhgml .pi ?Cruise_Control/Cruise_Control/DFD/2" 
target="_blank" ></a></ai> 

<ai name="Show Requirements" xa href «"/vista/twk/blank. html" x/a></ai> 
<ai name=s"Show CAD Drawing" xa href ="/vista/twk/blank. html" x /ax /ai> 
</action> 
</ellipse> 

<text id="0" type=text attachas"3" attachtype=" center" positions"© 0"> 

< CENTERx B> Control <BR> 

Speed 

< /B>< /CENTERx / text > 

<text ids"0" types text attache" 3" attachtype="bottom- inside" positions" 0 

-30%"> 

2 

</text> 

<ellipse ids"4" type="DFD_PRIMITIVE_PROCESS" positions" 342 725" 

size="102 102" 

widths 3 colors "green" > 

<action typesclick> 

<ai names" Show Child" default xa 

href =" /vista/ twk/cgi -bin/ twkhgml . pl?Cruise_Control/Cruise_Control/DFD/5" 

></a></ai> 

<ai name="Show Child (in another window)" xa 

href =" /vista/ twk/cgi -bin/ tw)chgml .pl?Cruise_Control/Cruise_Control/DFD/5" 
target s^^blank" x/ax/ai> 

<ai names^show Requirements" xa href s" /vista/ twk/blsuik. html" x /ax /ai> 
<ai names'Show CAD Drawing" xa href =" /vista/ twk/blank. html" x /ax /ai> 

</action> 
</ellipse> 

<text ids"0" typestext attach="4" a ttachtypes" center" positions" O o"> 
<CENTERxB> Monitor<BR> 
Ave rage < BR > 
Speed 

< /Bx /CENTER> < / text > 
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<text ±^-"0" typestext attach=''4'» attachtypes^bottom- inside" positions" 0 
-30%"> 

5 

</text> 

<image srcs^ref .gif " id-" 5" type=«'DFD_NONPRIMITIVE^PaOCESS'' 

position=*'149 607- size=''104 J.04" 

widths3 color=*blue'' > 

<action types=click> 

<ai names" Show Child" default ><a 

href ="/vista/twk/cgi-bin/twkhgml.pl?Criiise_Control/Crxiise_Control/DFD/4'' 
></a></ai> 

<ai names" Show Child (in another window)" ><a 

href s:''/vista/twk/cgi-bin/twkhgral.pl?Cruise_Control/Cruise_Control/DFD/4" 
targets" _blank" ></a></ai> 

<ai name=''Show Requirements" ><a href =" /vis ta/twk/blank. html" ></a></ai> 
<ai names"Show CAD Drawing" ><a href «" /vista/ twk/blank. html" >< /ax /ai> 
</action> 
</ image > 

<text id="0" type=text attach="5" attachtypes" center" positions"0 0"> 

<FONT COLOR="white"> 

<CENTER><B> Monitor<BR> 

Fuel<BR> 

Economy 

< /B X /CENTERx /FONTx / 1 ext > 

<text id="0" type=text attache" 5" attachtype="bottom- inside" positions" 0 

-30%"> 

4 

</text> 

<image srcs'^inailbox.gif " id="6" type*" DFD_S TORE" position="412 570" 
size="75 75" 
widthsl > 

<action types=click> 
<ai name =" Show DDE" ><a 

href ="/ vista/twk/cgi -bin/ twkget.pl?Cruise_Control/Cruise_Control/DDE/Mil 
eage" x/ax/ai> 

<ai names" Show DDE (in another window)" xa 

href s" /vista/twk/cgi -bin/twkget. pi ?Cruise_Control/Cruise_Control/DDE/Mil 

eage" targets "_blank" >< /ax /ai> 

</action> 

</image> 

<text ids"0" type=text attachs"6" at tachtypes" top- outside" position's" -50% 
-70%"> 

<CENTERxB> Mileage<BR> 

< /B>< /CENTERx /t ext > . ■ 

<layer id="Data"> 

<line ids"L0" type=DFD_DATAFLOW > 
<point positions" 4 82 377" > 
<point positions'' 500 382" > 
<point positions" 526 396"> 
<point positions"548 412" > 
<point position^" 565 430" > 

<attachpoint attachsi attachtype=center positions" -35 -36" clipstrue> 
ctoarrow type =" solid" > 
<action typesclick> 
<ai names" Show DDE" xa 

href s" /vista/twk/cgi-bin/twkget . pl?Cruise_Control/Cruise_Control/DDB/Sha 
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f t_Rotation"></a></ai> 

<ai name =" Show DDE (in another window)" ><a 

href /vista/twk/cgi-bin/twkget .pl?Cruise_Control/Crxxise_Control/DDE/Sha 

f t^Rotation" target=*'_blank''></a></ai> 

</action> 

</line> 

<text id="T7" type=text position=-485 397' > 

<action type=click> 
<ai names "Show DDE" ><a 

hre f = " /vi s ta / twk / cgi - bin/ twkget . pi ?Cruise_Control /Cruise^Control /DDE/Sha 
f t_Rotat ion" >< /a >< /ai > 

<ai nanie-"Show DDE (in another window}" ><a 

href »" /vista/ twk/ cgi -bin/ twkget . pi ?Cruise_Control/Cruise_Control /DDE/Sha 

f t_Rotat ion" t arget = "_blank" >< /ax /ai> 

</action> 

<B>Shaf t_<BR> 

Rotation</B> 

</text> 

<line id="Iil" type=DFD_DATAFIiOW > 

<attachpoint attach=l attachtype=center position="-47 19" clip=true> 
<point position="518 505" > 
<point position="494 525"> 

<attachpoint attaches at tachtype= center position="12 -26" clip=true> 

<fromarrow type="solid" > 

<toarrow type=" solid" > 

<action type=click> 

<ai name="Show DDE" disabledxa 

href = "/vista/twk/cgi-bin/twkget .pl?Cruise_Control/Cruise_Control/DDE/" >< 
/a></ai> 

<ai names" Show DDE (in another window)" disabledxa 

href =" /vista/ twk/cgi-bin/twkget.pl?Cruise_Control/Cruise_Control/DDB/" 

targets "_blank" x/a></ai> 

</action> 

</line> 

<line id="L2" type=DFD_DATAFIjOW > 

<attachpoint attach=6 attachtype=center positions"-29 26" clip=true> 

<attachpoint attach=4 attachtype=center position="2 -50" clip=strue> 

<toarrow type=" solid" > 

<action type=click> 

<ai names" Show DDE" disabledxa 

href =" /vista/ twk/cgi -bin/ twkget .pl?Cruise_Control/Cruise_Control/DDE/" x 
/a></ai> 

<ai names" Show DDE (in another window)" disaU>ledxa 

href =" /vis ta/twk/cgi -bin/ twkget. pl?Cruise_Control/Cruise_Control/DDE/" 

target="_blank" ></a></ai> 

</action> 

</line> 

<line id="L3" typesDFD_DATAFIjOW > 

<attachpoint attach=4 attachtypeacenter positions" 2 50" clipstrue> 
<point positions" 371 917" > 
<toarrow types" solid" > 

<action typesclick> ' 
<ai names" Show DDE" xa 

href s" /vista/ twk/cgi-bin/ twkget .pl?Cruise_Control/Cruise_Control/DDE/Ave 

rage_Speed_Display" x /ax /ai > 

<ai names" Show DDE (in another window)" xa 
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href =3" /vista/twk/ cgi-bin/twkget .pl?Cruise_Cont:rol/Cruise_Control/DDE/Ave 

rage^Speed^Display" target = "^blank" >< /ax /ai > 

</action></line> 

<text ids^Tll" type=text position=''372 849" > 
< act ion type=click> 
<ai names" Show DDE" ><a 

href /vista/twk/cgi-bin/twkget .pl?Cruise_Control/Cruise_Control/DDE/Ave 

rage_Speed_pisplay " >< /ax /ai> 

<ai names" Show DDE (in another window)" ><a 

href =" /vista/ twk/cgi -bin/ twkget.pl ?Cruise_Control/Cruise_Control/DDE/Ave 

rage_Speed_Di splay" target ="_blank" ></a></ai> 

</action> 

<B>Average_<BR> 

Speed_<BR> 

Display</B> 

</text> 

<iine id="L4" type=DFD_DATAFIiOW > 

<attachpoint attach^e attachtype=center posit ion=" 36 26" clip=true> 
<attachpoint attach82 attachtypescenter position=s"-48 -15" clip=true> 
<toarrow type«" solid" > 
<action type=click> 
<ai name =" Show DDE" ><a 

href =" /vis ta/twk/cgi -bin/ twkget.pl ?Cruise_Control/Cruise_Control/DDE/Tot 
al_Miles" ></a></ai> 

<ai names" Show DDE (in another window)" xa 

href =" /vista/ twk/cgi-bin/twkget. pi ?Cruise_Control/Cruise__Control /DDE/Tot 

al_Miles" tcurget="_blank"></ax/ai> 

</action> 

</line> 

<text id="T13" types text positions" 538 654" > 
caction typesclick> 
<ai names" Show DDE" ><a 

href s" /vista/ twk/cgi-bin/twkget.pl?Cruise_Control/Cruise_Control/DDE/Tot 

al_Miles" ></a></ai> 

<ai name="Show DDE (in another window)" xa 

href =" /vista/ twk/cgi-bin/twkget.pl?Cruise_Control/Cruise_Control/DDE/Tot 

al_Miles" target="_blank" ></a></ai> 

</action> 

<B>Total_<BR> 

Miles</B> 

</text> 

<line ids^LS" type=DFD__DATAFLOW > 

<attachpoint attachs6 attachtypescenter positions" -50 16" clipstrue> 
<attachpoint attachsS attachtype=center positions"49 -16" clip=true> 
<toarrow types" solid" > 
<action typesclick> 
<ai names" Show DDE" xa 

hr e f = " / V i s t a/ 1 wk / cgi -bin/ twkget . pi ?Cruise_Control /Crui se_Control /DDE/Tot 
al_Miles" x/ax/ai> 

<ai names "Show DDE (in another window)" xa 

href =" /vista/ twk/cgi -bin/ twkget ,pl?Cruise_Control/Cruise_Control/DDE/Tot 

al_Miles" target="_blank"x/a></ai> 

</action> 

</line> 

<text ids«'T14" typestext positions" 312 607" > 
caction typesclick> 
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<ax names "Show DDE" >«:a 

href »"/vista/twk/cgi-bin/twkget .pl?Cruise_Control/Cariiise_Control/DDB/Tot 
al_Miles"></a></ai> 

<ai name="Show DDE (in another window)" ><a 

href ="/vista/t:wk/cgi-bin/twkget .pl?Cruise_Control/Cruise_Cont:rol/DDE/Tot 

al_Miles'' targe t="_blank">< /ax /ai> 

</action> 

<B>Total_<BR> 

Miles</B> 

</text> 

<line ids'LS" type=DFD_DATAFIjOW > 

<attachpolnt attaches attachtype=center position="4 51" clip==true> 
<point positions" 181 778" > 
<toarrow type«" solid" > 
<action type=click> 
<ai names" Show DDE" ><a 

href ="/vista/twk/cgi-bin/twkget.pl?Cruise_Control/Cruise_Control/DDE/MPQ 
_Di splay" >< /ax /ai> 

<ai names" Show DDE (in another window)" xa 

href ="/ vista/ twk/cgi -bin/twkget .pl?Cruise_Control/Cruise_Control/DDE/MPG 

^Display" target ="_blank'' ></a></ai> 

</action> 

</line> 

<text ids"T16" typestext position="174 728" > 
<action typesclick> 
<ai names" Show DDE" xa 

href ="/vista/twk/cgi-bin/twkget .pl?Cruise_Control/Cruise_Control/DDE/MPG 
^Display" X /ax/ai> 

<ai names" Show DDE (in another window)" xa 

href ="/vista/twk/cgi-bin/twkget.pl?Cruise_Control/Cruise_Control/DDE/MPG 

^Display" target="_blank" x/ax/ai> 

</action> 

<B>MPG_Display</B> 
</text> 

<line ids"L7" type=DFD_DATAFIiOW > 
<point positions" 76 675" > 

<attachpoint attachsS attachtypescenter positions" -49 16" clip=true> 
<toarrow types" solid" > 
<action type=click> 
<ai names" show DDE" xa 

hrefs"/vista/twk/cgi-bin/twkget.pl?Cruise_Control/Cruise_Control/DDE/Pue 
l_Araount "x/ax/ai> 

<ai names" Show DDE (in another window)" xa 

hrefs" /vista/ twk/cgi-bin/ twkget .pl?Cruise_Control/Cruise__Control/DDE/Fue 

l_Amoim t " target = " _blank " ></ax/ai> 

</action> 

</line> 

<text id="T17" typestext position-" 95 663"> 
<action typesclick> 
<ai names" Show DDE" xa 

href="/vista/twk/cgi-bin/twkget.pl?Cruise_Control/Cruise_Control/DDE/Fue 
l_Amoiint" x/ax/ai> 

<ai names" show DDE (in another window)" xa 

href="/vista/twk/cgi-bin/twkget.pl?Cruise_Control/Cruise_Control/DDE/Fue 

l_Amount" target="__blank"x/ax/ai> 

</action> 
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<B>Puel_<BR> 
Amoimt</B> 

</text> 

<line ids" LB" type=DFD__IlAXAPIiOW > 
<point positions" 603 356" > 

<attachpoint att^ach^l at tac:lit:ype» center positions" -3 —50" clipstrue> 
<toarrow type=" solid" > 
<action type=click> 
<ai names" Show DDE" ><a 

href =" /vista/ twk/cgi-bin/twkget .pi ?Cruise_Control/Cruise_Control/DDE/Tim 
e"></a></ai> 

<ai names" Show DDE (in another window)" ><a 

href="/vista/twk/cgi-bin/twkget.pl?Cruise_Control/Cniise_Control/DDE/Tim 
e" target="_blank"></a></ai> 

</action> 
</line> 

<text id="T20" typestext position="591 387" > 
<action type=click> 
<ai name="Show DDE" ><a 

href ="/vista/twk/cgi-bin/twkget.pl?Cruise_Control/Cruise_Control/DDE/Tim 

e" ></a></ai> 

<ai name=" Show DDE (in another window)" ><a 

href ="/vista/twk/cgi-bin/twkget.pl?Cruise_Control/Cruise__Control /DDE/Tim 

e" targets "_blank">< /ax /ai> 

</action> 

<B>Time</B> 

</text> 

<line id="L9" type=DFD_DATAFIjOW > 

<attachpoint attach=l attachtype=center positions" 27 43" clip=true> 
<attachpoint attachs3 attachtypescenter positions" -50 -lO" clipstrue> 
ctoarrow types" solid" > 
<action type=click> 
<ai names" Show DDE" ><a 

href s" /vista/twk/cgi-bin/twkget .pl?Cruise_Control/Cruise_Control/DDE/Spe 
ed" ></a></ai> 

<ai names" Show DDE (in another window)" ><a 

href s"/vista/twk/cgi-bin/twkget .pl?Cruise_Control/Cruise_Control/DDE/Spe 

ed" target="_blank" ></a></ai> 

</action> 

</line> 

<text id="T21" typestext positions" 726 520" > 
<action type=click> 
<ai names" Show DDE" ><a 

href =" /vista/ twk/cgi-bin/twkget.pl?Cruise_Control/Cruise_Control/DDE/Spe 

ed"></a></ai> 

<ai names" Show DDE (in another window)" ><a 

href s" /vista/twk/cgi-bin/twkget .pl?Cruise_Control/Cruise_Control/DDE/Spe 

ed" targets*»_blank"></a></ai> 

</action> 

<B>Speed</B> 

</text> 

<line id="L10" type=DFD_DATAFIiOW > 

<attachpoint attach=2 attachtypescenter positions" 35 36" clipstrue> 
<point positions" 814 821" > 
<toarrow type=" solid" > 
<action typesclick> 
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<ai names" Show DDE" ><a 

href = ** /vista/twk/cgi - bin/ twkge t . pi ?Cruise_Cont rol /Cruis e_Control /DDE /Mai 

ntenance_Display_Status"></a></ai> 

<ai name=''Show DDE (in another window)" ><a 

href =" /vista/twk/cgi-bin/twkget .pl?Cruise_Control/Cruise_Control/DDE/Mai 

nt enance JDisplay^S ta tus " targets: "^blank" >< /a >< /ai > 

</action> 

</line> 

<text id="T22- type-text position="736 779" > 
<action type=click> 
<ai names" Show DDE" ><a 

href =" /vista/twk/cgi-bin/twkget . pi ?Cruise_Control/Cruise_Control /DDE/Mai 

ntenauice_Display_S tatus " >< /ax /ai> 

<ai names" Show DDE (in another window)" ><a 

href =" /vista/ twk/cgi -bin/ twkget.pl ?Cruise__Control/Cruise_Control /DDE/Mai 

nt enance_Display_S t a tus " t arget = "_blank" >< /ax /ai > 

</action> 

< B >Ma in t enance__<BR > 
Di spl ay_S t atus < BR> 
</B> 
</text> 

<line id="Lll" type=DFD_DATAFIiOW > 
<point positions" 897 740" > 

<attachpoint attach=3 a ttachtype- center position="-6 50" clip=true> 
<toarrow types" solid" > 
<action type=click> 
<ai name="Show DDE" ><a 

href ="/vista/twk/cgi-bin/twkget .pl?Cruise_Control/Cruise_Control/DDE/Ped 
al_Def lection" ></a></ai> 

<ai name="Show DDE (in another window)" xa 

href =" /vista/ twk/cgi-bin/ twkget.pl ?Cruise_Control/Cruise_Control/DDE/Ped 

al_Def lection" targets "_blank"x /ax /ai> 

</action> 

</line> 

<text id="T24" type=text positions"834 662"> 
<action typesclick> 
<ai names "Show DDE" xa 

hr e f = " / vi s ta / 1 wk / eg i - b in / twkge t . p 1 ? Crui s e__Con t r o 1 /Crui s e_Cont r ol /DDE / Ped 
al_Def lection" >< /a></ai> 

<ai names "Show DDE (in another window)" xa 

href ="/vista/twk/cgi -bin/ twkget .pl?Cruise_Control/Cruise_Control/DDE/Ped 

al_Def lection" target ="_blank"x /ax /ai> 

</action> 

<B>Pedal_<BR> 

Def lection</B> 

</text> 

<line id="L12" typesDFD_DATAFIjOW > 

<attachpoint attachs3 attachtypescenter positions"45 22" clip=true> 
<point positions "1098 621" > 
<toarrow types "sol id" > 
caction typesclick> 
<ai names" Show DDE" xa 

hr e f = " / vi s t a / 1 wk / cgi - bin/ twkge t , pi ?Crui s e_Con t rol /Crui s e_Cont r ol /DDE /Thr 
ottle_Position" x/ax/ai> 

<ai names "Show DDE {in cuiother window)" xa 

href="/vista/twk/cgi-bin/twkget.pl?Cruise_Control/Cruise_Control/DDE/Thr 
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ottle_Position'' target=''_blaiik''></a></ai> 

</action> 

</line> 

<text id=''T27" type=text position="1037 581" > 
<action type=click> 
<ai names" Show DDE" ><a 

hrefss"/ vista / twk / eg i - b in/ twkge t . pi ? Crui s e_Control /Cruise_Contr oi /DDE /Thr 
ottl exposition" ></a></ai> 

<ai names" Show DDE (in another window)" ><a 

hr e f = " / vi s t a / 1 wk/ eg i - b in / 1 wkg e t . pi ? Crui s e_Cont rol /Cruise_Cont rol /DDE/Thr 

ottle_Position'' target="_blank''></a></ai> 

</action> 

<B>Throttle_<BR> 

Position</B> 

</text> 

</ layer > 

< layer id=" Control" > 

<line color="red'' style="dash" id="L13" type=:DFD_CONTROLFIiOW > 
<point position="624 620"> 

<attachpoint attach=2 attachtype=center position="-19 -46" clip=true> 
<toarrow type="solid" > 
<action type=click> 
<ai name="Show DDE" >ca 

href =" /vista/ twk/cgi -bin/ twkget .pl?Cruise_Control/Cruise_Control/DDE/Mai 

ntensmce_Reset_Command" ></a></ai> 

<ai name^"Show DDE (in another window)" ><a 

href =" /vista/ twk/cgi -bin/ twkget .pi ?Cruise_Control/Cruise_Control /DDE/Mai 

ntenance_Reset__Command" targe t = "_blank" >< /ax/ ai> 

</action> 

</line> 

<text id="T9" type=text positions" 601 634 "> 
<action type=click> 
<ai names" Show DDE" ><a 

href /vista/ twk/cgi -bin/twkget .pl?Cruise_Control/Cruise_Control/DDE/Mai 

ntenance_Reset_Command" ></a></ai> 

<ai name="Show DDE (in another window)" ><a 

href ="/vista/twk/cgi-bin/twkget .pl?Cruise_Control/Cruise_Control/DDE/Mai 

ntenance_Reset_Command" target ="_blank" ></a></ai> 

</aetion> 

<B >Ma in t enance_<BR > 
Re s e t_Command< /B > 
</text> 

<line colors" red" styles "dash" id="L14" typesDFD^CONTROLFLOW > 
<point positions" 506 835" > 

<attachpolnt attachs4 attachtypescenter positions" 38 33" clips true> 
<toarrow type=" solid" > 
<action type=click> 
<ai names" Show DDE" ><a 

href s" /vista/ twk/cgi -bin/twkget. pi ?Cruise_Control/Cruise_Control/DDE/Spe 
ed^Command" >< /a></ai> 

<ai name="Show DDE (in another window)" ><a 

href =" /vista/ twk/cgi- bin/ twkget .pi ?Cruise_Control/Cruise__Control/DDE/Spe 

ed_Command" targets "^blank" ></a></ai> 

</action> 

</line> 

<text ids"T12" typestext positions"472 811"> 
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<action type=click> 
<ai name=" Show DDE" ><a 

href =" /vista/twk/cgi-bin/twkget . pl?Cruise_Control/Cruise_Control/DDE/Spe 
ed_Cotnmand" > </a > < /ai > 

<ai namess" Show DDE (in another window)" ><a 

href /vista/ twk/cgi-bin/twkget .pi ?Cruise_Control/Cruise_Cantrol/DDE/Spe 

ed_Cotnmaxid" target=''_blaiik"></a></ai> 

</act:ioxi> 

<B>Speed_<BR> 

CoiTimand<BR> 

</B> 

</text> 

<line colorsTed" style="dash*' id="1.15* type=DFD_C0NTROI*FIiOW > 
<point position=*'98 575" > 

<att:achpoint attaches attachtype=center positions" -32 -40" clip=true> 
<toarrow type=s" solid" > 
<action type=click> 
<ai name="Show DDE" ><a 

href =" /vista/ twk/cgi-bin/twkget.pl?Cruise_Control/Cruise_Control/DDE/MPG 
_Reset_Conimand" ></a></ai> 

<ai name="Show DDE (in another window)" ><a 

href = " / vi s t a/ twk/cgi - bin/ twkge t . pi ?Cruise_Cont rol /Cruise_Control /DDB/MPG 

_Reset_CoTnmand" target:="_blank" ></a></ai> 

</action> 

</line> 

<text id="T15" typestext positions "115 569" > 
<action type=click> 
<ai naTne="Show DDE" ><a 

href =" /vista/ twk/cgi -bin/ twkget.pl?Cruise__Control/Cruise_Control/DDE/MPG 
_Reset__Coinmajad" ></a></ai> 

<ai name="Show DDE (in another window)" ><a 

href =" /vista/ twk/cgi-bin/twkget.pl?Cruise_Control/Cruise_Control/DDE/MPG 

Reset^Command" targe t="_blank" ></a></ai> 
</action> 
<B>MPG_<BR> 
Re s e t _Coinmeuad < / B > 
</text> 

<line colors" red" style="dash" id="L16" typesDFD_C0NTR0LFLOW > 
cattachpoint attach^l attachtype=center position="49 12" clipstrue> 
<attachpoint attach=3 at tachtype= center positions" -27 -43" clipstrue> 
<toarrow types"solid" > 
<action type=click> 
<ai names "Show DDE" ><a 

href =" /vista/ twk/cgi-bin/twkget.pl?Cruise_Control/Cruise_Control/DDE/Cal 
ibration" ></a></ai> 

<ai name="Show DDE (in another window)" ><a 

href ="/vista/twk/cgi-bin/twkget .pl?Cruise_Control/Craise_Control/DDE/Cal 

ibra t ion" targets * _blank" >< / ax /ai > 

</action> 

</line> 

<text id="T18" type=text position="697 485" > 
<action type=click> 
<ai names "Show DDE" ><a 

href =" /vista/ twk/cgi-bin/twkget.pl?Cruise_Control/Cruise_Control/DDE/Cal 
ibration" ></a></ai> 

<ai names^show DDE (in another window)" >ca 
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href c^/vista/twk/cgi -bin/ twkget.pl?Cruise_Cont:rol/Cruise_Control/DDE/Cal 

ibration" targe t=*_blank*>< /ax /ai> 

</action> 

<B>Calibrat:ion< /B> 
</text> 

<line colors" red" styles^dash" ids^LlV type=DFD_CX5NTROIiFLOW > 
<point position=''711 397" > 

<at:tachpoint attachsl attachtype=center positions'Se -35" clip=t:rae> 
<toarrow type =" solid" > 
< action type=click> 
<ai names" Show DDE" ><a 

href ="/vista/twk/cgi-bin/ twkget.pl ?Cruise_Control/Cruise_Control/DDE/Mea 
sure_S ignal " >< /a >< /ai > 

<ai name e" Show DDE (in another window)" ><a 

href ="/vista/twk/cgi-bin/twkget .pl?Cruise_Control/Cruise_Control/DDE/Mea 

sur e_S ignal " target - " _blank" ></a></ai> 

</action> 

</line> 

<text id="T19" type=text position«"656 405" > 
<action type=click> 
<ai name="Show DDE" ><a 

href =" /vista/ twk/cgi-bin/twkget.pl?Cruise_Control/Cruise_Control/DDE/Mea 
sure_Signal"></a></ai> 

<ai name="Show DDE (in another window)" ><a 

href ="/vista/twk/cgi-bin/twkget.pl?Cruise_Control/Cruise_Control/DDE/Mea 

sur e_S ignal " target = " _blank" ></a></ai> 

</action> 

<B>Measure_S ignal </B> 
</text> 

<line color="red" style="dash" id="L18" type=DFD_CONTROLFLOW > 
<point positions" 784 674" > 

<attachpoint attach=3 attachtype=center positions" -31 40" clip=true> 
<toarrow type=" solid" > 
<action type=click> 
<ai name="Show DDE" ><a 

href =s" /vista/ twk/cgi-bin/twkget.pl?Cruise_Control/Cruise_Control/DDE/Bra 
ke_Engaged" ></a></ai> 

<ai name="Show DDE (in another window)" ><a 

href ="/vista/twk/cgi-bin/twkget .pl?Cruise_Control/Cruise_Control/DDE/Bra 

ke_Engaged" target="_blank" ></a></ai> 

</action> 

</line> 

<text ids"T23" type^text position-" 778 606" > 
<action typesclick> 
<ai names" Show DDE" ><a 

href ="/vista/twk/cgi-bin/twkget.pl?Cruise_Control/Cruise_Control/DDE/Bra 
ke_Engaged" >< /a >< /a i > 

<ai name="Show DDE (in another window)" ><a 

href ="/vista/twk/cgi-bin/twkget .pl?Cruise_Control/Cruise_Control/DDE/Bra 

ke_Engaged" target s="_Jt>lank"></a></ai> 

</action> 

<B>Brake_<BR> 

Engaged</B> 

</text> 

<line colors" red" styles^dash" id=:"L19" typesDFD_CONTROIfFLOW > 
<point positions" 1008 749" > 
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<attachpoint attach=3 attachtype=center position="24 44" clip=true> 
<toarrow "type«"solid''> 
<action type=click> 
<ai name="Show DDE" ><a 

href ="/vista/twk/cgi -bin/ twkget:.pl?Cruise_Gontrol/Cruise_Cont:rol/DDE/CC_ 
Request" ></a></ai> 

<ai name=''Show DDE (in another window)* ><a 

href s^/vista / twk / eg i - bin / twkge t . pi ?Crui s e_Cont rol / Cruise_Cont r ol /DDE/CC_ 

Request" targe t="_blank" ></a></ai> 

</action> 

</line> 

<text ida''T25'' type=text position="941 674" > 
<action type=click> 
<ai name="Show DDE" ><a 

href ="/vista/twk/cgi-bin/twkget .pl?Cruise_Control/Cruise__Control/DDE/CC_ 
Request" ></a></ai> 

<ai name =" Show DDE (in another window)" ><a 

href =" /vista/twk/cgi-bin/twkget .pl?Cruise_Control/Cruise_Control/DDE/CC_ 

Request" target* "_blank" ></a></ai> 

</action> 

<B>CC_Request</B> 

</text> 

<line color="red" style="dash" id="L20" type=DFD_CONTROLFIjOW > 
<point positions" 1097 510" > 

<attachpoint attach=3 attachtype=scenter positions="48 -14" clip=true> 
<toarrow type=" solid" > 
<action type=click> 
<ai name =" Show DDE" ><a 

href =" /vista/ twk/cgi-bin/twkget.pl?Cruise_Control/Cruise_Control/DDE/Eng 
i ne_Running "></a></ai> 

<ai name="Show DDE (in another window)" ><a 

href =" /vista/twk/cgi-bin/twkget .pl?Cruise_Control/Cruise_Control/DDE/Eng 

ine_Running" targe t = "_blank" >< /a>< /ai > 

</action> 

</line> 

<text ida"T26" type=text position="l035 513"> 
<action type=click> 
<ai name="Show DDE" ><a 

href ="/vista/twk/cgi-bin/twkget.pl?Cruise_Control/Cruise_Control/DDE/Eng 
ine_Running" ></a></ai> 

<ai name="Show DDE (in another window)" ><a 

href =" /vista/ twk/cgi-bin/twkget.pl?Cruise_Control/Cruise_Control/DDE/Eng 

ine_Running" targe t="_blank" ></a></ai> 

</action> 

<:B>Engine_Rxmning</B> 
</text> 

<i]xiage srcs^mesalogo.gif " id="MesaLogo" position="80 350" size-"350 100" 
width=3> 

<action type=click> 

<ai names "Mesa Homepage" default ><a 

href = "http : //www.mesasys . com" ></a></ai> 

<ai name="Mesa Homepage (in another window)" ><a 

href ="http: //www. mesasys.com" target="_blank"></a></ai> 

<ai names"Mesa Tools" ><a href ="http: //www. mesasys.com/ tools" ></a></ai> 
<ai namea"Mesa Services" ><a 

href ="http : //www.mesasys . com/services" ></a></ai> 
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/action> 

/imago 

/layer> 

/diagraTn> 

/body> 

/hgznl> 



SUBSTITUTE SHEET (RULE 26) 



wo 98/33127 



PCT/US98/01763 



40 



Appendix IV 

<hgml> 

<head ></head> 
<body> 

cdiagratn Cc>lor=white Type^^DED" Id^^Default/lrb/DED/O" Title=«'0 - Perform 

Autotnobile Cruise Control and Monitoring" > 

<action type=click> 

<ai names" Check object" ><a 

href ="/vista/twk/cgi-bin/twkcheck.pl?Defaiilt/lrb/DFD/0/object/body'' 
targets" check" >< /ax /ai> 
<ai names" Check Subtree" ><a 

href =" /vista/twk/cgi-bin/ twkcheck.pl ?Default/lrb/DFD/0/subtree/body" 
target=" check" ></a></ai> 
<ai name =" Show Parent" ><a 

href =s" /vista/twk/cgi-bin/twkhgml .pl?Def aul t/lrb/DFD/Context-Diagram" x/a 
></ai> 

<ai name="Show Parent (in another window)" ><a 

href =r"/vista/twk/cgi-bin/twkhgml..pl?Default/lrb/DFD/Context-Diagram" 
targets "_blank" ></a></ai> 
<ai names" Show Notes" ><a 

href ="/vista/twk/cgi-bin/twkget.pl?Default/lrb/DFD_NI/0/"></a></ai> 
</action> 

<image srca"http: //thor/graphics/people/mesa/ref .gif " id=5"l" 

types "DFD^PRIMITIVE^PROCESS" positions" 555 428" size="102 102" 

width=2 colors" green" > 

<action typesclick> 

<ai names^show Child" default ><a 

hrefs"/vista/twk/cgi-bin/twkhgml.pl?Default/lrb/P-Spec/l"></a></ai> 

<ai name="Show Child (in another window)" ><a 

href ="/vista/twk/cgi-bin/twkhgral.pl?Default/lrb/P-Spec/l" 

targets"_blank" ></a></ai> 

<ai names"Show Requirements" ><a href ="/vista/twk/blank .html" ></a></ai> 
<ai name="Show CAD Drawing" ><a href «"/ vista/ twk/blank. html" >< /ax /ai> 
</action> 
</ image > 

<text ids^O" typestext attach="l" attachtype=" center" position="0 0"> 
<CENTER><B> \<more<BR>stuf f xBR>Determine<BR>Speed 
< /B X /CENTERx / 1 ext > 

<text id="0" type=text attach="l" attachtype«"bottom- inside" position=*"0 

-30%"> 

1 

</text> 

<image srcs^http: //thor/graphics/people/mesa/ref .gif " ids''2" 

types"DFD_PRIMITIVE_PROCESS" positions" 971 458" size="102 102" 

width=2 colors "green" > 

<action type=click> 

<ai names" Show child" default xa 

href="/vista/twk/cgi-bin/twkhgml .pl?Default/lrb/P- Spec/2" x/ax/ai> 

<ai names" Show Child (in another window)" xa 

href s"/vista/twk/cgi-bin/twkhgml.pl?Default/lrb/P-Spec/2" 

target ="_blank" x/ax/ai> 

<ai name-"Show Requirements" xa href ="/vista/twk/blank. html" x /ax /ai> 
<ai names" Show CAD Drawing" xa href =" /vista/ twk/blank. html" x/ax/ai> 
</action> 



SUBSTITUTE SHEET (RULE 26) 



wo 98^3127 



FCTAJS98A)1763 



41 

</ image > 

<text ide"0" typestext attache" 2" a ttachtype=* center* positions" 0 0*'> 

<CBNTER><B> Measure 

Mile 

< /B >< / CENTBRx / 1 ext > 

<text j.d=''0*' type=text attacli=''.2'' attachtypec" bottom- inside* positions?" 0 

-30%''> 

2 

</text> 

<rectangle id^^B" types^DFO^NONPRIMITIVE^PROCESS" positions*446 710" 

size=''102 102" 

width=>3 colors "blue" > 

<action type=click> 

<ai nameB"Show Child" default ><a 

href = "/vista/twk/cgi-bin/twkhgml.pl?Default/lrb/DFD/3"></a></ai> 

<ai names" Show Child (in another window)" ><a 

href = "/vista/twk/cgi-bin/twkhgml.pl?Default/lrb/DFD/3" 

target="_blank"></a></ai> 

<ai name="Show Requirements" ><a href ="/vista/twk/blank. html" >< /ax /ai> 
<ai name="Show CAD Drawing" ><a href =" /vista/twk/blank. html" ></a></ai> 
</action> 
</rectangle> 

<text id="0" type«text attach="3" attachtype=" center" position=''D 0"> 

<CENTER><B> Control 

Speed 

< /B>< /CENTERx / text > 

<text id="0" type=text attach="3" attachtype=" bottom- inside" positions"© 

-30%"> 
3 

</text> 

<rectangle id="4" type="DFD_NONPRIMITIVE_PROCESS" position^" 947 739" 

size="102 102" 

widths 3 color="blue" > 

<action type=click> 

<ai name=:"Show Child" default ><a 

href ="/vista/twk/cgi-bin/twkhgml .pl?Default/lrb/DFD/5"x/a></ai> 

<ai name="Show Child (in another window) " xa 

href =:"/vista/twk/cgi-bin/twkhgml.pl?Default/lrb/DFD/5" 

target ="_blank">< /a ></ai> 

<ai name="Show Requirements" xa href =" /vis ta/twk/blank. html" x/ax/ai> 
<ai name=!"Show CAD Drawing" xa href =" /vis ta/twk/blank. html" x/ax/ai> 
</action> 
</ re c tangle > 

<text id="0" type=text attach="4" attachtype=" center" positiori«"0 0"> 

<CENTERxB> Monitor 

Automobile 

< /B> < /CENTERx / text > 

<text id="0" type=text attach="4" a ttachtype=" bottom- inside" position="0 

-30%"> 

5 

</text> 

<regpolygon sides=2 id="6" type="DFD_STORE" position»"766 539" sizes"108 

52" 

widths 1 colors "yellow" > 
<action typeoclick> 
<ai names" Show DDE" xa 
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href="/vista/twk/cgi-bin/twkget .pl?Default/lrb/DDE/Pulse_Count''>c/a></ai 
> 

<ai name^^Show DDE (in another window)" ><a 

href =" /vista/twk/cgi-bin/ twkget.pl ?Default/lrb/DDE/Pulse_Coimf 

target rr^^blank"* ></a></ai> 

</action> 

< /regpolygon> 

<text ids^O" type^text attachs^S" at tachtype=" center" positions" 0 0"> 

<CENTER><B> Pulse_ 

Count 

< /B>< /CENTERx / text > 

<regpolygon sides=2 id=s"7" type=s"DFD__STORE" posit ions" 770 609" sizes" 104 
52" 

widths 1 col or=" yellow" > 
<action type=click> 
<ai name="Show DDE" ><a 

href ="/vista/twk/cgi -bin/ twkget .pl?Default/lrb/DDE/Clock"></a></ai> 

<ai name="Show DDE (in another window)" ><a 

href=:"/vista/twk/cgi-bin/twkget.pl?Default/lrb/DDE/Clock" 

target="_blank"></a></ai> 

</action> 

< /regpolygon> 

<text id="0" type=text attache" 7" attachtypes=" center" positions" 0 0"> 
<CENTER><B> Clock 
</ B ></ CENTERx / 1 ex t > 

<text id="29" type^text position^" 723 390"> 
<action></action> 

<lef t>\<of f <BR>in \<mid<BR>air</lef t> 
</text> 

<layer id="Data"> 

<line id-"L0" type«DFD_DATAFLOW > 
<point positions" 875 3 52"> 

<attachpoint attachs2 attachtype=center positions" -25 -44" clipstrue> 
<toarrow type="crow"> 
<action type=click> 
<ai names" Show DDE" ><a 

href s" /vista/ twk/cgi-bin/twkget .pl?Def ault/lrb/DDE/Shaf t_Rotation" ></a>< 
/ai> 

<ai naine = "Show DDE (in another window)" ><a 

href = " /vista/ twk/cgi -bin/ twkget .pl?Default/lrb/DDE/Shaf t_Rotat ion" 

target="_blank"></a></ai> 

</action> 

</line> 

<text id="T8" type=text positions" 905 423 "> 
<action typesclick> 
<ai name="Show DDE" ><a 

href =" /vista/twk/cgi-bin/twkget .pl?Def ault/lrb/DDE/Shaf t_Rotation" ></a>< 
/ai> 

<ai names"Show DDE (in another window)" ><a 

href =" /vista/twk/cgi-bin/twkget . pi ?Def ault/lrb/DDE/Shaf t_Rotat ion" 

target="_blank" ></a></ai> 

</action> 

<B>Shaft_ 

Rotation</B> 

</text> 

cline ids "111" type=DFD_DATAFIjOW > 
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<attachpoint: att:ach=3 attaclitype=center positions" 50 5" clip=true> 

<point positions "576 766" > 

<point positions" 605 768''> 

<point positions" 671 797" > 

<toarrow type="crow"> 

<action type=click> 

<ai name="Show DDE" ><a 

href ="/vista/twk/cgi-bin/twkget.pl?Default/lrb/DDE/Throttle_Position">c/ 
a></ai> 

<ai natne="Show DDE (in another window)" ><a 

href ="/vista/twk/cgi-bin/twkget.pl?Defaixlt/lrb/DDE/Throttle_Position" 

targe t="_blank" ></a></ai> 

</action> 

</line> 

<text id="T9" type=text position="579 763" > 
<action type=click> 
<ai name="Show DDE" ><a 

href =" /vista/ twk/cgi-bin/twkget, pi ?Default/lrb/DDE/Throttle_Position"></ 
a></ai> 

<ai names" show DDE (in another window)" ><a 

href ="/vista/twk/cgi-bin/twkget .pl?Def ault/lrb/DDE/Throttle_Position" 

target="_blank"></a></ai> 

</action> 

<B>Throttle_ 

Position</B> 

</text> 

<line id="L2" type=DFD_DATAFLOW > 
<point position="452 399" > 

<attachpoint attach=l attachtype=center positions" -43 -26" clipstrue> 
< toarrow types" crow" > 
< act ion types*click> 
<ai names "Show DDE" ><a 

href =" /vista/ twk/cgi -bin/ twkget.pl ?Default/lrb/DDE/<howdy>Shaft_Rotation 

" ></a></ai> 

<ai name = "Show DDE (in another window)" ><a 

href s" /vista/ twk/cgi-bin/twkget.pl?Default/lrb/DDE/<howdy>Shaft_Rotation 

" target ="_blank">< /a ></ai> 

</action> 

</line> 

<text id="T10'' type=text positions"461 422"> 
<action type=click> 
<ai names" Show DDE" ><a 

href ="/vista/twk/cgi-bin/twkget.pl?Default/lrb/DDE/<howdy>Shaft_Rotation 
" ></a></ai> 

<ai names"Show DDE (in another window)" ><a 

href =" /vista/ twk/cgi -bin/ twkget.pl ?Default/lrb/DDB/<howdy>Shaft_Rotation 

" target="_blank"></a></ai> 

</action> 

<B>\<howdy><BR>Shaf t_<BR>Rotation</B> 
</text> 

<line id="L3" type=DFD_DATAFLOW > 

<attachpoint attachs6 attachtypeecenter positions" -4 9 -26" clipstrue> 

<attachpoint attach=l attachtypescenter positions" 4 9 lO" clips true> 

< toarrow types" crow" > 

<action type=click> 

<ai names" Show DDE" disabledxa 
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href s'/vista/twk/cgi-bin/twkget.plTDefault/lrb/DDE/" ></a></a±> 

<ai names^Show DDE (in another window)" disabledxa 

href =''/vista/t:wk/cgi'bin/twkget:.pl?Defaixlt/lrb/DDB/'' 

target=''_blank'' ></a></ai> 

</actioii> 

</line> 

<line id="Ij4'* t:ype=DFD_DATAFIOW > 

<at:tachpoint: at:tachs2 a t:t:achtype= center positions" -50 9" clip=true> 

<attachpolnt attachs6 attachtype=center position="54 -16" clip=true> 

<toarrow types" crow" > 

<action type»click> 

<ai name="Show DDE" disabledxa 

href ="/vista/twk/cgi-bin/twkget.pl?Default/lrb/DDE/"></a></ai> 

<ai naine="Show DDE (in another window)" disabledxa 

href =" /vista/ twk/cgi-bin/twkget . pl?Def ault/lrb/DDE/" 

targett="_blcLnk" x/a></ai> 

</action> 

</line> 

<line id="L5" type=DFD_DATAFIiOW > 

<attachpoint attach=7 attachtype=center position=" -52 -13" clip=true> 

<attachpoint attach=l attachtype=center position="33 38" clip=strue> 

<toarrow types" crow" > 

<action type=click> 

<ai names "Show DDE" disabledxa 

href =" /vista/twk/cgi-bin/twkget. pi ?Def ault/lrb/DDE/" x/a></ai> 

<ai name="Show DDE (in another window)" disabledxa 

href =" /vista/twk/cgi-bin/twkget .pi ?Def ault/lrb/DDE/" 

target="_blank" x/a></ai> 

</action> 

</line> 

<line id-"L6" type=DFD__DATAFLOW > 

<attachpoint attach=l attachtype= center positions" -26 43" clip=true> 
<point position="490 653" > 

<attachpoint attach=3 attachtype=center position-"-? -50" clip=true> 
<toarrow type="crow"> 
<action type=click> 
<ai name="Show DDE" xa 

href=" /vista/twk/cgi-bin/twkget .pl?Default/lrb/DDE/Speed">< /ax /ai> 

<ai name="Show DDE {in another window)" xa 

href =" /vista/twk/cgi-bin/twkget. pi ?Default/lrb/DDE/Speed" 

targets " _blank" X /ax /ai> 

</action> 

</line> 

<text id="T14" typestext position="499 601" > 
<action type«click> 
<ai names "Show DDE" xa 

href =" /vista/twk/cgi-bin/twkget .pi ?Default/lrb/DDE/Speed"x/ax/ai> 

<ai names "Show DDE (in another window)" xa 

href =" /vista/twk/cgi-bin/twkget .pi ?Default/lrb/DDE/Speed" 

t arge t = " _bl sulk " X / a X /a i > 

</action> 

<B>Speed< /B> 

</text> 

<line id="L7" type=DFD_DATAFIjOW > 

<attachpoint attach=l attachtype-center position="ll 49" clip=true> 
<point positions" 756 744" > 
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<attachpoint attach=4 att:achtype=center positions" -49 -10" clip=ti-ue> 
<toa2rrow types" crow* > 
<action type=click> 
<ai names" Show DDE" ><a 

href =''/vista/twk/cgi-bin/twkget .pl?Default/lrb/DDE/Distance''></a></ai> 
<ai naine="Show DDE (in another window)" ><a 

href =" /vista/twk/cgi-bin/twkget .pl?Def ault/lrb/DDE/Distance* 

targets "_blank" ></a></ai> 

</actioii> 

</liiie> 

<text idrr^TlS" type=text positions" 690 668" > 
<action type=click> 
<ai name="Show DDE" ><a 

href =" /vista/twk/cgi-bin/twkget .pl?Def ault/lrb/DDE/Distance" ></a></ai> 
<ai name e" show DDE (in another window)" ><a 

href =" /vista/twk/cgi-bin/twkget. pl?Def ault/lrb/DDE/Distance" 

target ="_blank" ></a></ai> 

</action> 

<B>Distance</B> 

</text> 

<line id="L8" type=DFD__DATAFLOW > 
<point positions "3 75 895" > 

<attachpoint attach=3 attachtype=center position^" -31 40" clip=true> 
<toarrow type="crow"> 
caction type=click> 
<ai names" Show DDE" ><a 

href =" /vista/twk/cgi-bin/twkget. pi ?Default/lrb/DDE/Pedal_Def lection" ></a 
></ai> 

<ai naine="Show DDE (in another window)" ><a 

href = " /vista/ twk/cgi-bin/twkget.pl?Default/lrb/DDE/Pedal_Def lection" 

target="_blank" ></a></ai> 

</action> 

</line> 

<text id="T16" type^text position="364 832"> 
<action type=click> 
<ai name="Show DDE" ><a 

href =" /vista/twk/cgi-bin/twkget .pl?Default/lrb/DDE/Pedal_Def lection" ></a 
></ai> 

<ai name="Show DDE (in another window)" ><a 

href =" /vista/ twk/cgi-bin/twkget.pl?Default/lrb/DDE/Pedal_Def lection" 

target- "_blank">< /ax /ai> 

</action> 

<B>Pedal_ 

Def lection</B> 

</text> 

<line id="L9" type=DFD_DATAFLOW > 

cattachpoint attach=7 attachtype=center position="ll 26" clip=true> 

<attachpoint attach=4 attachtypescenter positions" -36 -35" clip=true> 

<toarrow type="crow"> 

<action type»click> 

<ai names "Show DDE" disabledxa 

href =" /vista/twk/cgi-bin/twkget .pl?Default/lrb/DDE/"></a></ai> 

<ai name="Show DDE (in another window)" disabledxa 

href =" /vista/twk/cgi-bin/twkget. pi ?Default/lrb/DpE/" 

targets "_blank" ></a></ai> 

</action> 
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</line> 

<line id="L10" type»DFD_nATAFLOW > 

<attachpoint attachs4 attachtypescenter position^" 11 49" clip==true> 
<point positions" 1043 968''> 
<toarrow tYpe=''crow*' > 
<action type=click> 
<ai names" Show DDE" ><a 

href =" /vis ta/twk/cgi-bin/twkget . pl?Def ault/lrb/DDE/Display" ></a></ai> 
<ai names" Show DDE (in anot:her window)" ><a 

href="/vista/twk/cgi-bin/t:wkget.pl?Default/lrb/DDE/Display" 

targets "^blank" ></a></ai> 

</action> 

</line> 

<text ids"T21" types text positions"989 894" > 

<action type=click> 
<ai names" Show DDE" ><a 

href =" /vista/ twk/cgi -bin/twkget . pl?Def ault/lrb/DDE/Display" ></a></ai> 

<ai names" Show DDE (in another window)" ><a 

href ="/vista/twk/cgi-bin/twkget. pi ?Def ault/lrb/DDE/Display" 

targets"_blank"></a></ai> 

</action> 

<B>Display</B> 

</text> 

<line ids^Lll" types=DFD_DATAFLOW > 
<point positions" 1136 854" > 

<attachpoint attachs4 attachtype=center positions" 48 i6" clipstrue> 
<toarrow types^crow" > 
<action typesclick> 
<ai name=:"Show DDE" ><a 

href s" /vista/ twk/cgi-bin/twkget.pl?Default/lrb/DDE/Fuel"></a></ai> 

<ai names" Show DDE (in another window)" ><a 

href s^/vista/twk/cgi-bin/twkget. pi ?Default/lrb /DDE/Fuel" 

target="_blank"></a></ai> 

</action> 

</line> 

<text ids"T22" type=text positions" 1072 831" > 
<action type=click> 
<ai names" Show DDE" ><a 

href s" /vista/ twk/cgi -bin/twkget. pl?Default/lrb/DDE/Fuel"></a></ai> 

<ai name="Show DDE (in another window)" ><a 

href ="/vista/twk/cgi-bin/twkget.pl?Default/lrb/DDE/Fuel" 

targets "_blank" ></a></ai> 

</action> 

<B>Fuel</B> 

</text> 

< /layer > 

<layer ids"Control" > 

<rectangle ids" 5" types" dfd_CSPEC" positions" 1250 384" sizes"4 60" 

widthsi colors" red" fills" solid" > 

caction typesclick> 

<ai name="Show C-Spec" ><a 

href = "/vista/twk/cgi-bin/twkhgml .pl?Def ault/lrb/PAT/O-sl" ></a></ai> 

<ai names"Show C-Spec (in another window)" ><a 

href s"/vista/twk/cgi-bin/twkhgml.pl?Def ault/lrb/PAT/O-sl" 

targets"_blank" ></a></ai> 

</action> 



SUBSTITUTE SHEET (RULE 26) 



W0 9803127 



PCTAJS98/01763 



47 

< / rectangle > 

<text ids^O" type=text attachs^S" attachtype^^bottomright-outside" 

positions^O -100%*' > 

cfont colors " green" > 

<B> PAT 

</B></font> 

< action type=click> 

<ai naTne="Show C-Spec" ><a 

href =''/vista/twk/cgi-bin/tw]chgml .pl?Def ault/lrb/PAT/O-sl" ></a></ai> 

<ai name=''Show C-Spec (in another window)" ><a 

href ="/vista/tw)c/cgi-bin/twkhgml.pl?Def ault/lrb/PAT/O-sl" 

targets "^blamk" > < /ax /ai > 

</action> 

</text> 

<text ids^O" type=text attacha^S" attachtype^^bottomlef t-outside" 

positions* 0 -100%" > 

<font colore" blue*' > 

0-sl 

</font> 

<action type=!click> 

<ai names" Show C-Spec" ><a 

href ="/vista/twk/cgi-bin/tw)chgml.pl?Def ault/lrb/PAT/0-sl''></a></ai> 

<ai name»"Show C-Spec (in another window)" ><a 

href ="/vista/twk/cgi-bin/twkhgml.pl?Default/lrb/PAT/0-sl'' 

targets "^blank" ></a></ai> 

</action> 

</text> 

<line colors^red" style="dash'' id="L12" type=DFD_CONTROLFLOW > 
<point positions" 363 704" > 

<attachpoint attachs3 attachtype=center positions" -47 -18" clipstrue> 
<toarrow type="open"> 
<action type=click> 
<ai names" Show DDE" ><a 

href ="/vista/twk/cgi-bin/ twkget.pl ?Default/lrb/DDE/Brake_Engaged"></a></ 
ai> 

<ai names" Show DDE (in another window)" ><a 

href ="/vista/twk/cgi -bin/ twkget.pl?Default/lrb/DDE/Brake_Engaged" 

target="_blank"></a></ai> 

</action> 

</line> 

<text id="T17" typestext positions "3 58 717"> 
< action types click> 

<ai names" Show DDE" ><a ^ 

href ="/vista/twk/cgi-bin/ twkget.pl ?Default/lrb/DDE/Brake_Engaged":></a></ 

ai> 

<ai names" Show DDE (in another window)" ><a 

href =" /vista/ twk/cgi- bin/ twkget.pl ?Default /I rb/DDE/Brake_Engaged" 

targets^^blank" ></a></ai> 

</action> 

<B>Brake_ 

Engaged</B> 

</text> 

<line color="red" styles-dash" ids"L13" typesDFD_CONTROLFLOW > 
<point positions" 581 920" > 

cattachpoint attach=3 attachtypescenter positions"30 41" clipstrue> 
<t oar row types*'open"> 
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oction t:ype=click> 
<ai name="Show DDE" ><a 

href =''/vista/twk/cgi-bin/twkget-pl?Default/lrb/DDE/Driver_Request'' ></a>< 
/ai> 

<ai name=''Show DDE (in another window)" ><a 

href =''/vista/twk/cgi-bin/tw3cget^pl?Default/lrb/DDB/Driver^Request* 

targe t="_blank*' >< /ax /ai> 

</action> 

</line> 

<text idsTlS" type=text positions" 532 864"> 
<action type=click> 
<ai names" Show DDE" ><a 

href =" /vista/twk/cgi-bin/ twkget.pl ?Default/lrb/DDE/Driver_Reques fx /ax 
/ai> 

<ai name="Show DDE (in another window)" xa 

href ="/vista/twk/cgi-bin/twkget .pl?Default/lrb/DDE/Driver_Request" 

targe t="_blank" x/ax/ai> 

</action> 

<B>Driver_ 

Request </B> 

</text> 

<line color="red'' style="dash" id="L14" type=DFD__CONTROLFLOW > 
<point positions "64 9 689" > 

<attachpoint attach=3 attachtype=center position="40 -31" clip=true> 
<t oar row type="open"> 
<action type=click> 

<ai naine="Show DDE" xa 

href ="/vista/twk/cgi-bin/twkget .pl?Default/lrb/DDE/Engine_Running" x/ax 
/ai> 

<ai name="Show DDE (in amother window)" xa 

href =s"/vista/twk/cgi-bin/twkget.pl?Default/lrb/DDE/Engine_Running" 

targets "_blemk" x/a></ai> 

</action> 

</line> 

<text id="T19" type=text positions" 558 693" > 
<action type=click> 
<ai name«"Show DDE" xa 

href =" /vista/twk/cgi-bin/ twkget.pl ?Default/lrb/DDE/Engine_Running'' x/ax 
/ai> 

<ai names" Show DDE (in another window)" xa 

href =" /vista/twk/cgi-bin/twkget .pl?Def ault/lrb/DDE/Engine_Running" 

target ="_blank" ></ax/ai> 

</action> 

< B > Engine_Rimn ing< /B > 
</text> 

<line color="red" style="dash" id="L15" type=DFD_CONTROLPLOW > 
<point positions" 1108 659" > 

<attachpoint attachs4 attachtype»center positions" 18 -47" clip=true> 
<toarrow types" open" > 
<action typesclick> 
<ai names" Show DDE" xa 

href =" /vista/ twk/cgi-bin/twkget.pl?Default/lrb/DDE/Maintenance_Reset_Com 
mand" x/ax/ai> 

<ai names" Show DDE (in another window)" xa 

hrefs"/vista/twk/cgi-bin/twkget.pl?Default/lrb/DDE/Maintenance_Reset_Com 
mand" targets "_blank" x/ax /ai> 
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</action> 
</line> 

<text id="T23*' type=text positions" 1022 682" > 
<action type=click> 
<ai names" Show DDE" ><a 

href =" /vista/twk/cgi-bin/twkget -pl?Def ault/lrb/DDE/Maintenance_Reset:_Com 
mand" ></a></ai> 

<ai name="Show DDE (in another window)" ><a 

href «" /vista /twk/ eg i- bin/ twkget.pl ?De fault /lrb/DDE/Maintenance_Reset_Com 

mand" target ="_blank">< /ax /ai> 

</action> 

<B>Maintenance_ 

Res et_Coinmand< /B > 

</text> 

<line color="red" style="dash" id="L16" type=DFD_CONTROLFLOW > 
<point positions" 815 905" > 

<attachpoint attach=4 attachtype=center positions" -39 31" clip=true> 
<toarrow type="open"> 
<action type=click> 
<ai name="Show DDE" ><a 

href ="/vista/twk/cgi-bin/twkget .pl?Def ault/lrb/DDE/Monitor_Command" ></a> 
</ai> 

<ai names "Show DDE (in another window)" ><a 

href =" /vista/twk/cgi-bin/ twkget.pl ?Default/lrb/DDE/Monitor_Command" 

target ="_blank" ></a></ai> 

</action> 

</line> 

<text id="T24" type=text position=:"831 850"> 
<action type=click> 
<ai names" Show DDE" ><a 

href ="/vista/twk/cgi-bin/twkget .pl?Default/lrb/DDE/Monitor_Command"></a> 
</ai> 

<ai name-"Show DDE (in another window)" ><a 

hr e f=" / vista / 1 wk /cgi-bin / 1 wkg et.pl?Default/l rb/ DDE /Moni t or_Command" 

targets "_blank" ></a></ai> 

</action> 

<B>Monitor_ 

Command</B> 

</text> 

<line colors" red" styles"dash" ids"L17" typesDFD_CONTROIiFIX3W > 
<point positions" 1140 499"> 

<attachpoint attachsS attachtype=center positions" -2 2" clipstrue> 
<toarrow types" open" > 
<action typesclick> 
<ai name="Show DDE" ><a 

href ="/vista/twk/cgi-bin/twkget.pl?Default/lrb/DDB/Activate"></a></ai> 
<ai names" Show DDE (in another window)" ><a 

href»"/vista/twk/cgi-bin/twkget-pl?Default/lrb/DDE/Activate" 

t arge t = " _bl ank" X /a >< / a i > 

</action> 

</line> 

<text ids''T25" type=text positions" 1131 464" > 
<action typesclick> 
<ai names "Show DDE" ><a 

href ="/vista/twk/cgi-bin/twkget.pl?Default/lrb/DDE/Activate"></a></ai> 
<ai names^Show DDE (in another window)" ><a 
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href /vista/twk/cgi-bin/twkget .plPDef ault/lrb/DDE/Activate" 

t arge t =s "^blank" >< /ax /ai > 

</act:ion> 

<B>Activate</B> 

</text:> 

<line color="red'' styles" dash" ids^LlB" type=DFD_CQNTROI*ELOW > 
<point: positions" 1105 404" > 

<attachpoint attaches attachtype=center position="-2 -2" clipstrue> 
<toarrow types" open" > 
<action type=click> 
<ai names" Show DDE" ><a 

hr e f =" /vis ta / twk /cgi -bin / twkget . pi ?Defaul t / 1 rb/DDE /Measurers ignal " X /ax 
/ai> 

<ai name="Show DDE (in another window)" xa 

href ="/vista/twk/cgi -bin/ twkget.pl?Default/lrb/DDE/Measure_Signal" 

target ="_blank" ></ax/ai> 

</action> 

</line> 

<text ida''T26" type=text positions"1093 386" > 
<action type=click> 
<ai naroe="Show DDE" xa 

hre f = " /vis ta/twk/ cgi -bin/ twkget . pi ?Def ault /lrb/DDE/Measure_S ignal " x /ax 

/ai> 

<ai name="Show DDE (in another window)" xa 

href ="/vista/twk/cgi-bin/twkget,pl?Default/lrb/DDE/Measure_S ignal" 

target ="__blank"x /ax /ai> 

</action> 

<B>Measure_ 

Signal</B> 

</text> 

cline colors "red" style="dash" ids" LI 9" typesDFD^CONTROLFLOW > 
<point positions" 1133 316" > 

<attachpoint attach=5 attachtypescenter positions" -2 -15" clipst2rue> 
<toarrow type="open"> 
<action type=click> 
<ai names" show DDE" ><a 

href =" /vista/twk/cgi -bin/ twkget . pl?Def ault/lrb/DDE/Engine_Running" x/ax 
/ai> 

<ai name="Show DDE (in another window)" xa 

href =" /vista/ twk/cgi-bin/ twkget .pl?Default/lrb/DDE/Engine_Running" 

targets " _blauik" > < /a> < /ai > 

</action> 

</line> 

<text ids"T27" type=text positions" 1068 336" > 
<action typesclick> 
<ai names "Show DDE" xa 

href =" /vista/twk/cgi -bin/ twkget . pl?Def ault/lrb/DDE/Engine_Running" x/ax 
/ai> 

<ai names" Show DDE (in another window)" xa 

href s" /vista/twk/cgi -bin/twkget .pi ?Default/lrb/DDE/Engine_Running" 

target="_blank"x/ax/ai> 

</action> 

< B > Eng ine_Running< /B > 
</text> 
</ layer > 
< /diagram> 
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/body> 
/hgml> 
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Appendix V 

<hgml> 

<head ></head> 
<body> 

<diagraTn Cblors=white Type="IinageMap* Id=:*IinageMap_Exaii5)le* 
Ti 1 1 e = " ImageMap_Exainple" > 
<action type=click> 

<ai namea''Mesa Homepage" default ><a 

href ="http: //www.mesasys . com" ></a></ai> 

<ai name^^Mesa Homepage (in another window)" ><a 

href ="http : //www .mesasys . com" target="_blank" ></a></ai> 

<ai names "Mesa Tools" ><a 

href ="http : //www. mesasys . com/ tools" ></a></ai> 
<ai name="Mesa Services" ><a 

href ="http: //www. mesasys . com/services" ></a></ai> 
</action> 

<ellipse id="ll" type="HotSun" posit ionas" 100 100" size*" 100 100" width=3 

color="yellow" fill«solid > 

<action type=click> 

<ai name="Hot" default ><a 

hre f = " ht tp : / / www . me sasy s . com/ hot "></a></ai> 

<ai name="Hotter" ><a href ="http: //www. mesasys . com/hotter" >< /ax /ai> 
<ai name =s" Hot test" ><a 

href ="http : //www. mesasys . com/hottest" ></a></ai> 

<ai name="Hell" ><a href «"http: //www. mesasys. com/hell" ></a></ai> 

</actioh> 

</ellipse> 

<text id="lll" type=text attache" 11" at tachtype=" center" position="0 0"> 

<CENTER><B><BIG>Hot<BR>Sun</BIG></B></CENTER> 

</text> 

<line id="112" type=SunBeam width=5 color="yellow" > 
<attachpoint attach==ll attachtype=center clip=true> 
<attachpoint attach=31 attachtype=left- inside clip=true> 
<action type=click> 

<ai name="Top Beam" ><a href =" Something. .." ></a></ai> 

<ai name«"Top Beam (in another window)" ><a href something ... " 

t a rge t = " _blank "></a></ai> 

</action> 

</line> 

<line id="113" type=S\mBeam width=5 color=" yellow" > 
<attachpoint attach«ll attachtype»center clip=true> 
<attachpoint attach=32 attachtypetsleft- inside clip»true> 
<action type=click> 

<ai name="Middle Beam" ><a href =" Something. ></a></ai> 

<ai names^Middle Beam (in another window)" ><a href =" Some thing. .. " 

targe t= " _blsaik" X /ax /ai > 

</action> 

</line> 

<line id="114'' type=S\inBeam width=5 color="yellow'' > 
cattachpoint attach«ll attachtype»center clip=true> 
<attachpoint attach=33 attachtype=topleft- inside clip=true> 
<action type=click> 

<ai name=s"Bottom Beam" xa href =" Something ''x/ax/ai> 

<ai name=5"Bottom Beam (in another window)" xa href =" Some thing. " 
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t arge t = " _bl auk " X / a >< / a i > 

</action> 

</line> 

<layer ids" Image" > 

<iraage enable=f alse s re snowman. gif" ids*!" types" Snowman" 
position=''100 100" size="500 500"> 
</ imago 
< /layer > 

<layer ids"Visible Hot Spots" > 

<ellipse enablesfalse id="21" types"Top" position="250 120" sizes" 230 

190" width=3 color=" yellow" > 

</ellipse> 

<text id=''211'' type=text attach="21" attachtype=" center" position*"© 0"> 

< CENTERxB > <BI6>Top< /B IGx /B >< /CENTER> 
</text> 

^ellipse enable=£alse id="22" type="Middle" position="230 310" 5izes''250 

140" width=3 color="yellow" > 

</ellipse> 

<text id="221'' type=text attach="22" a ttachtype=" center" position="0 0"> 

<CENTER><B><BIG>Middle</BIG></B></CENTER> 

</text> 

<ellipse enable=false id="23" type^" Bottom" position="200 450" size="330 

150" width=3 color="yellow" > 

</ellipse> 

<text id="231" type=text attach=''23" attachtype=" center" position="0 0"> 

< CENTER><B><BIG>Bottom< /BIGx /B>< /CENTER> 
</text> 

</layer> 

<layer id=" Invisible Hot Spots" > 

<ellipse id="31" type=''Top" position="250 120" si2e="230 190" width-3 
color=" invisible" > 
<action type=click> 

<ai namess"Top First Link" default xa 

href ="http: //www, mesasys .com/first" ></ax/ai> 

<ai name =" Top Second Link" xa 

href = "http: //www.mesasys . com/second" x/ax/ai> 
<ai name="Top Third Link" xa 

hre f = " ht tp : / /www . me s a sys . com/ third" x/ax/ai> 
<ai names" Top Fourth Link" xa 

href ="http: / /www.mesasys . com/ fourth" x/ax/ai> 
<ai name="Top Fifth Link" xa 

href ="http : //www.mesasys . com/ fifth" x/ax/ai> 

</action> 

</ellipse> 

<ellipse id="32" type="Middle" position«"230 310" size="250 140" width=3 
color =" invisible" > 
<action type=click> 

<ai name=s"Middle First Link" default xa 

href ="http: //www.mesasys .com/first" ></ax/ai> 

<ai name = "Middle Second Link" xa 

href a" http: / /www.mesasys . com/second" x /a x/ai> 

<ai names "Middle Third Link" xa 

href ="http : //www.mesasys . com/ third" x/ax/ai> 

<ai name =" Middle Fourth Link" xa 

href =s"http: //www.mesasys . com/fourth" x/ax/ai> 

<ai name="Middle Fifth Link" xa 
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href =''http : //www.mesasys . com/fifth" ></a></ai> 

</action> 

</ellipse> 

<ellipse ids^as" type=" Bottom- positions" 200 450- sizess-330 150- width=3 
col or =- invisible- > 
<action typesclick> 

<ai name=- Bottom First Link- default ><a 

href =-http : / /www.mesasys . com/ first- ></a></ai> 

<ai names-Bottom Second Link- ><a 

href =-http : //vtww . mesasys . com/second- ></a></ai> 

<ai names "Bottom Third Link- xa 

href s-http: //www.mesasys .com/ third- ></a></ai> 

<ai names- Bottom Fourth Link- ><a 

href s"http: //www.mesasys .com/fourth- ></a></ai> 

<ai name=-Bottom Fifth Link" xa 

href =-http: //www.mesasys .com/fifth- ></a></ai> 

</action> 

</ellipse> 

</layer> 

</diagram> 

</body> 

< /hgml > 
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1 . A computer system for generating and displaying electronically published 
documents having a plurality of markup elements, the computer system comprising: 

5 a display configured to display an input electronic document to a user; and 

a processor which processes the input electronic document and generates a 
first image on the display of the computer system on the basis of the plurality of 
markup elements, wherein the processor is responsive to an input of the user to 
generate a second image of the input electronic document based on the user inpuL 

10 

2. The computer system according to claim 1 , wherein the processor 
instantiates a furst object corresponding to at least one of the plurality of markup elements. 

3. The computer system according to claim 1 , wherein at least one of the 
1 5 plurality of markup elements is a graphics element. 

4. The computer system according to claim 3, wherein the processor 
instantiates an object corresponding to the graphics element. 

20 5. The computer system according to claim 2, wherein the processor 

instantiates a parser object configured to parse the input electronic dociunent. 

6. The computer system according to claim 2, wherein the processor 
instantiates a second object having a defined relation to the first object and is adapted to 

25 change a representation of the second object when a representation of the first object is 
changed. 

7. The computer system according to claim 2, wherein the processor 
instantiates a view handler object that responds to user input. 

30 
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8. The computer system according to claim 7, wherein the processor 
instantiates a parser object configured to parse the input electronic document and wherein the 
processor instantiates a diagram object based on the plurality of markup elements. 

5 9. The computer system according to claim 8, wherein the diagram object 

includes a plurality of shape objects which represent graphic markup elements. 

1 0. The computer system according to claim 9, wherein the diagram object 
includes a plurality of layers with which are associated each of the plurality of shape objects, 

10 

1 1 . The computer system according to claim 1 0, wherein the processor is 
adapted to a display one or more of the plurality of layers. 

12. The computer system according to claim 4, wherein selection of a graphics 
!5 object by a user invokes a menu of selectable actions. 

13. The computer system according to claim 1 2, wherein one or more of the 
selectable actions have an associated link to another input electronic docimient. 

20 14. The computer system of claim 1, wherein the first object is responsive to the 

user input and wherein the processor generates an updated display of the first object based on 
the user input. 

1 5. The computer system according to claim 1 4, wherein the first object is 

25 associated with a graphics element, and is responsive to a function and wherein the function 
provides the updated display is different than an original display of the first object. 

1 6. The computer system according to claim 1 5, wherein the processor 
instantiates a second graphics object having a defined relation to the first graphics object and 

30 is adapted to change a representation of the second graphics object when the original display 
is updated. 
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17. An electronically published document comprising a computer readable 
medium with computer logic stored thereon and defining descriptive markup defining several 
tags, vk^herein each tag defines an element, wherein an element is interpreted to define a 
diagram containing a plurality of layers, wherein each layer contains several graphical 
5 objects, and wherein each object may have associated therewith a menu of actions or 
hypertext links. 



18. A computer system or computer-implemented process which processes such 
an electronically published dociunent as defined in claim 17 and generates on a computer 

10 display the diagram defined by the descriptive markup, wherein the different layers of the 
document are displayed selectively. 

19. A computer-readable medium having computer-readable logic stored therein 
defining a data structure for representing an electronic document, the data structure 

15 comprising: 

means defining the electronic docimient as a plurality of markup elements 
defining a first one of the plurality of markup elements wherein the one includes an 
attribute expressing relation to a second element. 

20 20. The computer-readable medium of claim 19, wherein the one of the plurality 

of markup elements may be instantiated as an object by a computer process. 

2 1 . The computer-readable medium of claim 1 9, wherein the one of the plurality 
of markup elements is a graphics element 

25 

22. The computer-readable medixun of claim 19, the data structure further 
comprising means for defining a menu having selections associated with the one, wherein 
each element has an associated link. 

30 23. The computer-readable medium of claim 19, wherein the first and second 

elements are graphical elements, and wherein an interpreted display of the first element 
depends on attributes of the second object. 
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24. An object-oriented computer system for generating and displaying an 
electronic document including a plurality of markup language elements, the system 
comprising: 

a parser object class wherein an instance of the parser object class comprises 
5 a method adapted to parse the electronic document; 

a diagram object class wherein an instance of the diagram object class is 
generated by the parser object class and comprises a plurality of shape objects 
representing graphic elements; and 

a view handler object class wherein an instance of the view handler object 
10 class comprises a method for manipulating the diagram object used by the parser 

object class to generate an updated diagram object. 

25. The object-oriented system of claim 24 wherein a first instance of the shape 
object class has a defined relation to a second instance of the shape object class and is adapted 

IS by a change in the second instance. 

26. A method for generating and displaying an electronically-published 
document having a plurality of markup elements, the method comprising the steps of: 

parsing an input electronic document; 
20 generating a display of the input electronic document; 

responding to a xiser input by generating a different display of the electronic 
document based on the user input. 

27. The method according to claim 26, wherein the parsing step includes the 

25 steps of: 

reading a markup element of the input electronic docimient; and 
instantiating a first object associated with the markup element. 

28. The method according to claim 27, wherein the responding and generating 
30 step includes the steps of: 

determining a change in the first object based upon the user input; 
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deteimining a change in a second object based on the change in the first 



object; and 



generating a display of the changed first and second objects. 



5 



.29. The method according to claim 28, wherein the first and second objects are 



graphics objects and the change in the first object is a change in zoom. 

30. The method according to claim 26, wherein the input electronic document 
comprises a plurality of markup elements wherein at least one of the markup elements is a 
10 graphics element, and wherein the responding step includes the steps of: 
displaying the graphics element; and 

generating, in response to the user input, a different display of the graphics 
element. 

15 31. A method for processing an electronically-published document having a 

plurality of markup elements, the method comprising the steps of: 



20 



parsing an input electronic docimient; 

reading a plurality of markup elements of the input electronic document; 
instantiating objects corresponding to the plurality of markup elements; and 
generating output and accepting inputs, by at least one object to a user. 
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NovControl 



II display:int=0 
II display_edit:lnt=l 
II edit:int=2 



NovControl NovControKint state, int showAttributes) 



198 



o 
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ControlList 



controlList ControlList 
andlControl control) 
removeiContro! control) 
removelString controlNcme) 
Enumeration elements 
Control findControKString controlNcme) 
enoblelString controlName int flag) 
selectlstring controlName) 



ControlUst 



I unselectedText:String 
lselectedText:String 

I stateiint 

II unselected:int=0 
II selected:int=l 

II disabled:int=2 



Control ControKString unselectedText) 

Control ControljString unselectedText,String selectedText) 

Control ControljString unselectedText, int state) 

Control ControKString unselectedText, String selectedText, 

int state) 

String getText 

setStatelint state) 

boolean isUnselected 
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boolean isDisabled 

unselect 
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ExtFrame 


II dimension:Dimension 






II centered:boolean 







ExtFrame ExtFrame(ExtFrameProducer producer. String frameName, Component 
disployPonel int width, int eight, boolean centered) 

ExtFrame ExtFramelExtFrameProducer producer. String frameNome, Component 
displayPanel) 

boolean handleEventlEvent evt) 
finalize 
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ExtFrameProducer 
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Fig. 1 6F 
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II waitlngForEndingEventiDiagramObject 



addlObjed o) 
setidlString id| 
String qetid 

setVtsibleibooiean visible) 
boolean isVisible 
draw(Graphics g,float scale) 



Diagram 

II diagramSize:Dimension{5000,5000) 
II diagramAAargin:int=10 
II id:String 
II type:String 
II titlerString 

II backgroundCo!or:Color=black 
II requiresLayout:boolean=true 



if 
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addLayer(layer) 
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Action getActions 
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Dimension size 
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String getTitle 
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Color getColor 
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setType(string) 
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drcwlGraphics afloat scale) 
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layout 
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drawPoints(Graphics gjoat scale) 
boolean handleEvent(Event evt) 
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SelectedObjects 



SelectedObjects SelectedObjects 

toggleSelediorilGraphics g^DiagramObjed do,DisplayArea da| 
seledlGraphics g,DiagramObiect do,DisplayArea da) 
deselectlGraphics g,DiagramObied do.DisplayArea da| 
II showlGrapnics g,DiagramObied do,DisplayArea da) 
boolean isSelectedlDiagramObjed do) 
DiagramObjed getf irst 
deselectAII (Graphics g.DisplayArea da) 
showAIISelededlGraphics g,DisplayArea da) 
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Diagram Object 


1 idiString 




1 enable!faoolean 




1 desaiptionJextBlock 




1 typerString 





l..n 



DiogramObject DiagramObjectiString id) 

DiagramObjed DiagramObjectiString id^hope shapeJextBlock description) 
DiogramObject DiagramObjectiString id3hape,String typeJextBlock description! 
paintlCraphics gjoat scale) 
layout 

addAttributelAttributeatl) 
attachlAttachment att) 
Attachment getAttachment 
setldlString id) 
String getid 
String getType 
setTypelString type) 
setshopeiShape shape) 
Shape geShape 
setEnablelboolean enable) 
boolean isEnobled 
TextBlock getDescription 
setDescription(TextBlock description) 
processEventlEvent evt) 
seledlboolean select) 
offsetdntxjnt y) 
String toHGAAL 

- 
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Group Object 



layout 

paintlCraphics gJoat scale) 
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Single Objed 



layout 

paintlCraphics g.float scale) 
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